如何在二十一六主题的PC和移动版本中保持主菜单不变

时间:2017-03-04 作者:Mojo Gamble

我是WordPress的新手,使用它我可以在这里创建此网站:http://wtfai.pl/

它几乎完成了,除了我想做的一个更改:使主菜单保持与现在在PC和移动设备上显示的完全相同的方式,因此在一行中(毕竟只有3个位置),并与中心对齐。如果文本不合适,我可能想缩小一点。

提前感谢!

1 个回复
SO网友:C Sabhar

在主题样式中添加以下css。css文件,如果需要,请更改字体大小

@media screen and (max-width: 56.875em) {
    .main-navigation li {
        float: left;
        width: 33.333333%;
        text-align: center;
        font-size: 12px;
    }
}

UPDATE:

要使菜单项内联,请在列表元素上应用浮动,而不是在导航标记上,请使用我发送的inspect元素和代码进行检查。检查规则是否未被层次结构中的任何其他CSS覆盖。

enter image description here