强制菜单停留在1行中,并迫使页面有1页,没有滚动



我希望主导空菜单不仅在所有屏幕上处于1行,而且我希望主页为1页静态,而没有滚动盖和页脚。<<<<<<<<<<

这是网站:http://alaa.x10host.com

我尝试了很多方法,例如显示flex和width 100%用于容器和导航菜单,但是我尝试了很多,没有任何作用

display:flex;

width:100%;

font-size: 1vw

完整的1静态页面没有滚动和所有屏幕尺寸上的完整菜单。

至于菜单 - 将此行添加到您的CSS

@media (min-width: 960px)
.row .primary-menu-ul>li {
width: inherit;
padding: 10px 0;
width: 20%;

这将告诉所有LI元素,它们不能超过其父元素的20%,并且由于您有5个菜单项,他们将始终占100%。

至于滚动 - 您需要调整与桨板和边距从PX到%/EM相关的所有尺寸,并摆脱内部容器的最小高度CSS规则(我指的是带有背景图像的一个(。喜欢这里:

.elementor-159 .elementor-element.elementor-element-1dd43d0 > .elementor-container {
/* min-height: 34vh; */

}

我评论了这个规则。还看到一些在PX和字体尺寸中设置的桨。该网站的主要问题是,内部容器不是100%响应迅速的,这就是为什么您可能会在移动设备上看到垂直滚动。

最新更新