我正在尝试为其移动版本的网站模拟“ Instagram”样式的菜单。一切都很好,但问题是我在x和y轴上有一个滚动问题,其中比预期多了几个像素。
我想将其固定为100%,这样就不会触发滚动。
我会粘贴代码,但是当我使用商业Wordpress主题时,发现它过于复杂。
网站网址是:
非常感谢您
启动: 我提供了两个屏幕截图来支持我的问题。第一个是导航栏的当前状态。在第二个中,我寻求的结果。不要注意未对齐的图标。提供了第三张图像以合成我的曝光,并且可能使问题更清晰。
答案 0 :(得分:0)
锚点链接中的文本(INICIO,NOSOTROS等)破坏了布局。因此,将字体大小设置为较小的值,例如10px:
.ast-header-break-point .main-navigation li {
width: 100%;
font-size: 10px;
}