如何解决固定的导航栏滚动问题?

时间:2020-04-26 21:05:48

标签: wordpress position overflow fixed

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

我想将其固定为100%,这样就不会触发滚动。

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

网站网址是:

https://www.galaventura.com

非常感谢您

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

Screenshot 2-Desired result

Graphic explanation

1 个答案:

答案 0 :(得分:0)

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

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