css - 更改徽标位置后菜单栏不起作用

Question

我正在使用免费的 wordpress 主题Pitch。我重新定位了徽标并将其与 menubar 对齐。

像这样：

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

如何使菜单栏在保持所需布局的同时工作？

Answer 1

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

Answer 2

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

对于您的 CSS，编辑以下ids 如下：

#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. 如果您同意我的建议，请勾选“已回答”。