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

This topic contains 22 replies, has 2 voices, and was last updated by  SeaTheme 6 months, 1 week ago.

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
    Supported

    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
    Supported

    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
    Supported

    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

    • This reply was modified 6 months, 3 weeks ago by  SeaTheme.
    #18602

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

    SeaTheme
    Keymaster
    Purchased
    Supported

    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
    Supported

    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
    Supported

    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
    Supported

    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)

    • This reply was modified 6 months, 2 weeks ago by  SeaTheme.
    • This reply was modified 6 months, 2 weeks ago by  SeaTheme.
    #18643

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

    SeaTheme
    Keymaster
    Purchased
    Supported

    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
    Supported
    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!