在Twenty Twelve儿童主题中将徽标移到徽标旁边

Question

我正在根据Twenty Twelve主题制作我的第一个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 post也是如此，但是当我使用它提出的解决方案时，我的菜单突然在我的网站下面的帖子下面...

Answer 1

好吧，通过将位置样式放在＃site-navigation而不是我之前的代码然后玩这些值（使用top而不是bottom）来实现它的工作

Answer 2

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

nav {
    display: block;
}

尝试内联块或内联。

Answer 3

#masthead hgroup {float: left;}
nav#site-navigation {float: right; width: 500px;}

Answer 4

#masthead {position: relative;}

#site-navigation {
    position: absolute;
    bottom: 0; /* or top, if you prefer */
    right: 0;
}