*子菜单在移动视图基础中不起作用

时间:2022-12-06 16:43:27

I've been using foundation for my latest projects, but I never had this problem before. The submenu is not working on mobile view, but it is working for browser view.

我一直在为我的最新项目使用基础,但我之前从未遇到过这个问题。子菜单不适用于移动视图,但它适用于浏览器视图。

This is the site url https://www.kimonoboy.com/about_us_testpage.html if you reduce the page width you'll see that the submenu is not showing.

这是网站网址https://www.kimonoboy.com/about_us_testpage.html如果您缩小页面宽度,您将看到子菜单未显示。

1 个解决方案

#1


In foundation.min.css:1996 class .top-bar-section .dropdown see the left:100% it's okay for large screen. but in small screen your menu tab getting full width, so your sub menu hides behind the left side.

在foundation.min.css:1996 class .top-bar-section。dropdown见左边:100%它可以用于大屏幕。但是在小屏幕中,您的菜单选项卡会变宽,因此您的子菜单会隐藏在左侧后面。

Solution : remove left:100% for small screen

解决方案:左移:100%用于小屏幕

#1


In foundation.min.css:1996 class .top-bar-section .dropdown see the left:100% it's okay for large screen. but in small screen your menu tab getting full width, so your sub menu hides behind the left side.

在foundation.min.css:1996 class .top-bar-section。dropdown见左边:100%它可以用于大屏幕。但是在小屏幕中,您的菜单选项卡会变宽,因此您的子菜单会隐藏在左侧后面。

Solution : remove left:100% for small screen

解决方案:左移:100%用于小屏幕