Home Forums Bee WordPress Theme I do not want the menu in mobile to expand

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #18542
    Fixz
    Participant
    Purchased

    Hi,

    I do not want the menu in mobile to expand so you see all submenus. How to solve it?

    Best regards

    #18543
    SeaTheme
    Keymaster
    Purchased

    Hi,

    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 default

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #18558
    Fixz
    Participant
    Purchased
    This reply has been marked as private.
    #18565
    SeaTheme
    Keymaster
    Purchased

    I 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

    #18568
    Fixz
    Participant
    Purchased
    This reply has been marked as private.
    #18573
    SeaTheme
    Keymaster
    Purchased

    Hi,

    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

    #18602
    Fixz
    Participant
    Purchased
    This reply has been marked as private.
    #18613
    SeaTheme
    Keymaster
    Purchased

    Please 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;
    }
    #18616
    Fixz
    Participant
    Purchased

    It worked great. Many thanks for good support!

    Best regards

    #18617
    Fixz
    Participant
    Purchased
    This reply has been marked as private.
    #18621
    SeaTheme
    Keymaster
    Purchased

    Please add the custom CSS:
    #wrap {height: auto!important;}

    #18622
    Fixz
    Participant
    Purchased
    This reply has been marked as private.
    #18624
    Fixz
    Participant
    Purchased

    That little script solved my entire wish 🙂
    Many thanks for good support!

    #18625
    Fixz
    Participant
    Purchased
    This reply has been marked as private.
    #18630
    SeaTheme
    Keymaster
    Purchased

    Please 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;
    }
    #18631
    Fixz
    Participant
    Purchased
    This reply has been marked as private.
    #18632
    Fixz
    Participant
    Purchased
    This reply has been marked as private.
    #18640
    SeaTheme
    Keymaster
    Purchased

    Do 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)

    #18643
    Fixz
    Participant
    Purchased
    This reply has been marked as private.
    #18650
    SeaTheme
    Keymaster
    Purchased

    Please stop the cache plugin to check again.

    #18651
    Fixz
    Participant
    Purchased
    This reply has been marked as private.
    #18654
    Fixz
    Participant
    Purchased

    Hope you have a solution?

    #18655
    SeaTheme
    Keymaster
    Purchased
    This reply has been marked as private.
Viewing 23 posts - 1 through 23 (of 23 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!