我在菜单上使用Max Mega Menu插件 . 我主题中的菜单栏不是页面的100%宽度,徽标还有一些空间 .
因此,当我设置下拉面板的100%宽度时,它与菜单本身的宽度相同,而不是页面的100% . 当我将1170px设置为下拉面板的宽度时,它的左上角是菜单项的位置,因此其中一半或更多位于屏幕之外 . 这取决于我打开的菜单项 - 下拉面板的位置:绝对是相对的菜单项 .
我希望它与页面的宽度相同,并且与特定菜单项无关 .
我试过了:
display: block;
float: left;
要么
margin-right: auto;
margin-left: auto;
但它不起作用 .
在插件文档中,他们说:
输入jQuery选择器以将子菜单的宽度和位置与现有页面元素(例如body,#container,.page)同步 .
但我不知道怎么做 .
有任何想法吗?
3 回答
您在页面容器上有什么类或ID?
如果HTML看起来像这样:
..然后使用'.content'作为面板宽度 .
如果您的页面看起来像这样:
...然后使用'#page'作为面板宽度 .
如果在巨型面板主题页面中使用jQuery选择器作为巨型面板宽度选项,则巨型面板将扩展到该元素的宽度 . 因此,在我使用Headway主题的网站上,我在该领域使用了#whitewrap . 这导致我的超级面板扩展了#whitewrap的整个宽度,在这种情况下,这是页面的整个宽度 .
要使大型菜单下拉跨越页面的整个宽度(而不仅仅是菜单的宽度),请转到Mega Menu> Menu Themes并设置以下值:
面板宽度(外部):主体
面板宽度(内部): . 容器