首页 文章

将子菜单的宽度和位置与页面容器同步

提问于
浏览
0

我在菜单上使用Max Mega Menu插件 . 我主题中的菜单栏不是页面的100%宽度,徽标还有一些空间 .

因此,当我设置下拉面板的100%宽度时,它与菜单本身的宽度相同,而不是页面的100% . 当我将1170px设置为下拉面板的宽度时,它的左上角是菜单项的位置,因此其中一半或更多位于屏幕之外 . 这取决于我打开的菜单项 - 下拉面板的位置:绝对是相对的菜单项 .

我希望它与页面的宽度相同,并且与特定菜单项无关 .

我试过了:

display: block;
float: left;

要么

margin-right: auto;
margin-left: auto;

但它不起作用 .

在插件文档中,他们说:

输入jQuery选择器以将子菜单的宽度和位置与现有页面元素(例如body,#container,.page)同步 .

但我不知道怎么做 .

有任何想法吗?

3 回答

  • 0

    您在页面容器上有什么类或ID?

    如果HTML看起来像这样:

    <div class='content'>My page content..</div>
    

    ..然后使用'.content'作为面板宽度 .

    如果您的页面看起来像这样:

    <div id='page'>My page content..</div>
    

    ...然后使用'#page'作为面板宽度 .

  • 0

    如果在巨型面板主题页面中使用jQuery选择器作为巨型面板宽度选项,则巨型面板将扩展到该元素的宽度 . 因此,在我使用Headway主题的网站上,我在该领域使用了#whitewrap . 这导致我的超级面板扩展了#whitewrap的整个宽度,在这种情况下,这是页面的整个宽度 .

  • 0

    要使大型菜单下拉跨越页面的整个宽度(而不仅仅是菜单的宽度),请转到Mega Menu> Menu Themes并设置以下值:

    面板宽度(外部):主体

    面板宽度(内部): . 容器

相关问题