Home › Forums › Bee WordPress Theme › I do not want the menu in mobile to expand
- This topic has 22 replies, 2 voices, and was last updated 7 years ago by
SeaTheme.
-
AuthorPosts
-
May 20, 2019 at 7:20 pm #18542
Hi,
I do not want the menu in mobile to expand so you see all submenus. How to solve it?
Best regards
May 21, 2019 at 1:52 am #18543Hi,
How many menu items you list on the website? Could you leave your page URL?
Normally, there is not enough space on mobile, the layout will be broken if all menu item listed by defaultRegards!
Bwsm – uiueux.com – Twitter – FacebookMay 23, 2019 at 12:34 pm #18558This reply has been marked as private.May 24, 2019 at 2:00 am #18565I checked your website. There are too many menu items. It will be broken for mobile layout because there is not enough space on mobile. https://drive.google.com/open?id=1ML3B8oT9iTKP9NHLTaOZCN2HLogjWfVr
May 24, 2019 at 1:47 pm #18568This reply has been marked as private.May 25, 2019 at 1:04 pm #18573Hi,
Did you talk about the sub-menu? I thought you talked about the whole menu panel.
Did you mean want to remove the sub-menu on mobile always?Regards
May 28, 2019 at 5:56 am #18602This reply has been marked as private.May 29, 2019 at 4:14 am #18613Please login wp-admin, go to BEE / General Settings / Custom CSS
Paste the style code to Custom Css:.show_mobile_menu #mobile-advanced ul { display: none!important; } .show_mobile_menu #mobile-advanced .menu-item-has-children > a { pointer-events: none; } .show_mobile_menu #mobile-advanced .menu-item-has-children:hover ul { display: block!important; }May 29, 2019 at 5:34 am #18616It worked great. Many thanks for good support!
Best regards
May 29, 2019 at 6:01 am #18617This reply has been marked as private.May 29, 2019 at 8:03 am #18621Please add the custom CSS:
#wrap {height: auto!important;}May 29, 2019 at 8:05 am #18622This reply has been marked as private.May 29, 2019 at 9:10 am #18624That little script solved my entire wish 🙂
Many thanks for good support!May 29, 2019 at 10:01 am #18625This reply has been marked as private.May 30, 2019 at 3:19 am #18630Please update the custom CSS as:
.show_mobile_menu #mobile-advanced ul { display: none!important; } .show_mobile_menu #mobile-advanced .menu-item-has-children > a { pointer-events: none; } .show_mobile_menu #mobile-advanced .menu-item-has-children:hover > ul { display: block!important; }May 30, 2019 at 6:33 am #18631This reply has been marked as private.May 30, 2019 at 7:07 am #18632This reply has been marked as private.May 31, 2019 at 9:24 am #18640Do you use some plugin to set the custom CSS? The
>was turned. Please stop the plugin. Please try to add the custom CSS into the last line of style.css(Appearance > Theme Editor)May 31, 2019 at 11:37 am #18643This reply has been marked as private.June 3, 2019 at 2:19 am #18650Please stop the cache plugin to check again.
June 3, 2019 at 4:59 am #18651This reply has been marked as private.June 3, 2019 at 7:20 pm #18654Hope you have a solution?
June 4, 2019 at 1:00 am #18655This reply has been marked as private. -
AuthorPosts
- You must be logged in to reply to this topic.
