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%用于小屏幕