全宽菜单 Wordpress

【问题标题】：Full Width Menu Wordpress全宽菜单 Wordpress
【发布时间】：2023-04-07 00:31:05
【问题描述】：

我想在下面的网站中使主菜单全宽。它在wordpress中。我不确定要在自定义 CSS 中编辑哪个元素。谢谢。

主菜单图片：

【问题讨论】：

你想要像ibb.co/nuh2fd这样的背景吗？

【解决方案1】：

这样做：

.top_nav .container {
    max-width: unset;
    width: 100%;
    padding: 0;
}

取消设置该容器的最大宽度意味着如果您选择扩大整个页面内容的宽度，标题将始终是全宽的，而无需应用新的最大宽度来匹配更新的内容。

【讨论】：

【解决方案2】：

在css下面添加并检查

.top_nav .container {
    width: 100%;
    padding: 0;
    max-width: 1230px;
}

【讨论】：

【解决方案3】：

像这样更新css

.container { margin-right: auto; 
             margin-left: auto; 
             padding-left: 0px; 
             padding-right: 0px; }

body.header_style_transparent .top_nav { 
             position: absolute; 
             left: 0; 
             bottom: 0; 
             width: 1230px; 
             background: #c42953; }

【讨论】：