更改徽标位置后，菜单栏无法正常工作

Question

我正在使用免费的WordPress主题Pitch。我重新定位了徽标并将其与菜单栏放在一起。

像这样：

但是这样做后不仅下拉，而且整个菜单栏根本不起作用。

如何让菜单栏同时保持我想要的布局？

Answer 1

我甚至不打算检查css ...因为你使用的是WordPress主题，所以很有可能你设法删除了与菜单相关的部分代码，因为代码被最小化了。 / p>

Answer 2

我建议您对CSS和索引模板文件进行以下更改：

对于您的CSS，请按以下步骤编辑以下id：

#mainmenu {
    margin: 0 auto;
    width: 660px;
    word-wrap: break-word;
    position: relative;
}

ul#mainmenu-menu {
    background: -moz-linear-gradient(center top , #F7F7F7 0%, #F4F4F4 100%) repeat scroll 0 0 transparent;
    border: 1px solid #E2E2E2;
    float: none;
    margin-right: 160px;
    position: relative;
    width: 760px;
}


#logo {
    background: url("images/logo.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    margin: 3px 0 0 -200px;
    position: absolute;
    width: 200px;
}

对于您的HTML，请进行以下更改：

1. 从您放置徽标容器的位置移除它并将其放入mainmenu容器中，如下所示：

   <div id="mainmenu" class=""> <div id="logo"> <a href="http://aniyanetworks.net/Blog" title="Aniya Network Solutions LTD. - Our Experience is your Business Solutions" id="logo-link"><h1>Aniya Network Solutions LTD.</h1></a> </div> <div class="container"> <div class="menu-main-menu-container"> <ul id="mainmenu-menu" class="menu">......the rest of the menu HTML here

2. 不要忘记删除徽标中的<div class="container"> 容器。这不是必需的。

3. 如果您对我的建议感到满意，请将其标记为“已回答”。