Question

http://playoutthegame.com/

每当浏览器宽度从最大值开始减小时，菜单栏的元素就会与徽标重叠。随着浏览器宽度进一步减小，菜单栏会在重新显示为下拉菜单之前消失。在调整大小期间，菜单栏是否可以不与站点徽标重叠？有没有办法确保菜单栏在从条形菜单到下拉菜单的过渡期间保持可见，没有间隙？

主题被包含在内。 http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990

Answer 1

我和Enfold多次见过这个。

我倾向于使用CSS媒体查询来更改菜单项，字母间距和字体大小之间的填充的适当组合，以便您可以减少屏幕宽度而不会重叠。如果我在菜单中有很多项目并且您可以使用的空间较少，我通常也会更改主题选项中的移动菜单设置以打破989px而不是768px（在主题的最新版本中，这是在Enfold＆gt;主菜单＆gt;手机菜单项。）

您需要的CSS将是这样的：

@media only screen and (max-width: 1200px) {
.av-main-nav > .menu-item > a {
    padding: 0 7px;
}
.av-main-nav > .menu-item > a .avia-menu-text {
    font-size: 12px;
    letter-spacing: -1px;
}
}
@media only screen and (max-width: 1000px {
...etc

不确定为什么它会在任何阶段消失。需要看到网站重现它。您发布的网站是shopify网站。

浏览器调整大小和菜单栏问题

1 个答案: