当前位置: 首页 > 知识库问答 >
问题:

全宽菜单Wordpress

庄元龙
2023-03-14

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

主菜单图像:

共有3个答案

巩衡
2023-03-14

更新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; }
林曦之
2023-03-14

添加以下css并检查

.top_nav .container {
    width: 100%;
    padding: 0;
    max-width: 1230px;
}
夏俊杰
2023-03-14

这样做:

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

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

 类似资料:
  • 我正在尝试制作一个看起来像折叠项的全宽下拉菜单——网站现在经常使用的全宽可折叠导航。但我不知道怎么做。 我尝试过添加Bootstrap的折叠插件,但没有成功。增加一个以上的项目是否被认为是安全的做法。导航栏折叠类到导航栏? 或者我的方法应该只是编辑Bootstrap的下拉列表?如果是这样,我应该怎么做? 这里有一张图片向你展示了我正在努力实现的目标: 这是我的代码大纲,请查看全宽剪裁:

  • 我正在引导4中创建一个下拉列表。我把下拉切换按钮和下拉菜单放在类="容器"的div元素中,我希望下拉切换和下拉菜单为其父元素的全宽度。我为此写了这个代码 下拉切换按钮占据其父div的全部宽度。但是,当我单击下拉切换按钮时,我发现下拉菜单没有占据全部宽度。我想让下拉菜单的宽度等于它的父菜单宽度,我该怎么做?(我尝试使用width:inherit;property,但没有正常工作)

  • 我这里有一个基本的Bootstrap navbar 我想做的是: (Navbar) -----logo---------------------登录/注册----- (下拉菜单) ----子项----子项---------------------------------- 在悬停时,我想使下拉菜单显示全宽右下方的navbar。悬停事件不是我有问题的,我有问题定位它正确的100%宽度。 更新 我看到

  • 问题内容: 我正在一个涉及使用PHP脚本自动填充选择框的网站上工作。除了问题是我用来填充文本框的标题非常长(它们是期刊文章和演示文稿标题)外,所有其他方法都工作正常。下拉框延伸到最长元素的宽度,该元素延伸超出屏幕边缘,因此使滚动条无法触及。我尝试了多种尝试使用CSS手动将下拉框设置为特定宽度的方法,但到目前为止都无济于事。我所能做到的最好的事情是将“选择”框设置为一定的宽度,但是下拉菜单本身要宽得

  • 菜单管理器允许为您的网站创建自定义菜单,并允许通过您的网站导航。 Step (1) - 在Joomla管理员中单击Menus → Menu Manager ,您将看到以下屏幕 - 您可以看到菜单和菜单项指向网站上的逻辑页面。 Step (2) - 要在您的网站上添加新菜单,请转到Menus → Menu Manager → Add New Menu ,如以下屏幕所示 - 单击“ Add New M

  • 问题内容: 我正在一个涉及使用PHP脚本自动填充选择框的网站上工作。一切都很好,除了问题是我用来填充文本框的标题非常长(它们是期刊文章和演示文稿标题)。下拉框延伸到最长元素的宽度,该元素延伸超出屏幕边缘,因此使滚动条无法触及。我尝试了多种尝试使用CSS手动将下拉框设置为特定宽度的方法,但到目前为止都无济于事。我最好地完成了将“选择”框设置为特定宽度的操作,但是下拉菜单本身的宽度要大得多。 任何对此