首页 > 解决方案 > 如何解决我固定的导航栏滚动问题?

问题描述

我正在尝试为其移动版本的网站模拟“Instagram”样式菜单。一切都很好,但问题是我在 x 和 y 轴上有一点滚动问题,其中有几个像素超出预期。

我想让它 100% 固定,所以不会触发滚动。

我会粘贴代码,但是当我使用商业 Wordpress 主题时,我发现它过于复杂。

网站网址是:

https://www.galaventura.com

非常感谢

实现:我提供了两个屏幕截图来支持我的问题。第一个是导航栏的当前状态。在第二个中,我寻求的结果。不要注意未对齐的图标。提供第三张图像以综合我的曝光,并可能使问题更清晰。 截图 1-导航栏的当前状态

屏幕截图 2-期望的结果

图解说明

标签: wordpresspositionoverflowfixed

解决方案


锚链接中的文本(INICIO、NOSOTROS 等)破坏了布局。因此,将 font-size 设置为较小的值,例如 10px:

.ast-header-break-point .main-navigation li {
    width: 100%;
    font-size: 10px;
}

推荐阅读