我目前正试图让我的页脚菜单居中并显示在一行上。目前,由于某种原因它在2行。
我正在尝试实现此目标(图片):http://museiam.ca/wp-content/uploads/LookBookPage_1.jpg
我正在使用的主题允许在页脚区域中选择3或4个小部件。我目前将其设置为3.菜单本身位于一个小部件中,其中包括客户服务 - 时事通讯链接,其中“关注我们”链接位于另一个带有所有社交图标的HTML文本小部件中。我试图将所有内容放在一行上,并在图片中居中,使用相同的填充。
我试图增加菜单宽度的小部件,但没有成功。这是我试过的CSS:
.widget widget_nav_menu .menu-footer-1-container {
width: 800px !important;
}
我愿意接受任何输入或解决方案以实现我想要的外观。感谢所有人,感谢你们。
答案 0 :(得分:0)
查找此.container_12 .grid_4
并将宽度更改为100%
.container_12 .grid_4 {
width: 100%;
}
此外,你有另一个小部件,其中有一个空文本帖子,删除它。
答案 1 :(得分:0)
您正在使用3'grid_4'div来填充'container_12'父div。你需要做什么(从我的角度来看)如下:
使用单个'grid_12'div来包装菜单,而不是将其分成3'grid_4'。
然后,给菜单UL'align:center'
为了让孩子们居中,请在他们身上'显示:内联阻止'(我想你已经做过这个了)。