1

我正在做我的第一个基于 212 主题的 WordPress 子主题,我想将我的菜单上移到我的标题徽标旁边......

下面是它现在的外观示例,以及我想要实现的目标......蓝色框代表标题徽标,我希望我的菜单出现在它的右侧......

例子

我当前的菜单 CSS 是:

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    display: inline-block !important;
    text-align: right;
    color: #656565;
    font-size: 0.9em;
    font-family: Verdana, Geneva, sans-serif;   
}

我发现这个SO 帖子是关于相同的,但是当我使用它提出的解决方案时,我的菜单突然在我的网站上的帖子下方...

4

4 回答 4

1

好吧,通过将位置样式放置在#site-navigation 而不是我以前的代码中然后使用这些值(使用顶部而不是底部)来让它工作

于 2013-01-28T09:02:43.337 回答
1

您还可以考虑更改 stylesheet.css 文件中的标签“nav”显示样式:

nav {
    display: block;
}

尝试内联块或内联。

于 2013-02-08T20:06:45.070 回答
1
#masthead hgroup {float: left;}
nav#site-navigation {float: right; width: 500px;}
于 2013-02-08T20:36:35.880 回答
0
#masthead {position: relative;}

#site-navigation {
    position: absolute;
    bottom: 0; /* or top, if you prefer */
    right: 0;
}
于 2013-05-11T21:29:33.487 回答