Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #597695

    Hi!
    I don’t want to display the

    • Secondary Menu
    • Fullwidth Sub Menu

    on tablet AND mobile version.
    How can I manage this ?

    Cheers,
    Daniela

    #598007

    Hi Daniela!

    Thanks for reaching out to us!

    Go to the Enfold theme options, then to Header -> Mobile Menu tab. The settings there can be adjusted to hide the full menu on mobile devices including tablets and even to remove the sub menu.

    Let me know if I misunderstood your question or if you need anything else.

    Regards,
    Jordan

    #598027

    Hi Jordan,
    no, there is not such a possibility in the Header Theme Options.
    I think you didn’t had a look at the website or screen I had attached.
    I was wondering if there is a better solution in CSS to fix this than I did it – see code below.

    /* ---- Don't display secondary Menu on mobile ----  */
    
    @media only screen and (max-width: 1280px) {
    .breadcrumb.breadcrumbs.avia-breadcrumbs,
    .av-submenu-container,
    nav.sub_menu {
    display: none !important;
    }}
    
    /* ---- Don't show "Startseite" when screen is small @ main menu ----  */
    
    @media only screen and (max-width:1280px) {
    nav.main_menu #menu-item-3345 span.avia-menu-text {
    display: none !important;
    }}
    
    /* ---- Don't display Main Menu ----  */
    
    @media only screen and (max-width: 940px) {
    .html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
    display: block;
    }
    
    .responsive .av_mobile_menu_tablet .main_menu {
    display: none;
    }
    
    .html_mobile_menu_tablet #mobile-advanced {
    display: block;
    }}
    
    • This reply was modified 8 years, 7 months ago by Magnolia.
    #600047

    Hi,

    Sorry for the late reply, I don’t see any problems with the CSS you are using. If it works I would roll with it :-)

    Best regards,
    Rikard

    #600237

    Hi Rikard,

    unfortunately I can’t solve my problem with that CSS – this means the the => secondary menu and the => Fullwidth Sub Menu still appears on tablet.

    I repeat it:

    =>>> I don’t want to display the

    • Secondary Menu
    • Fullwidth Sub Menu

    on tablet (!) AND mobile version (!!!)

    (see the screenshot I had attached in the private area)

    Please HELP!

    #602554

    Hi!

    Sorry for the late reply!

    Please try adding following code to Quick CSS

    @media only screen and (max-width: 1024px) {
    .av-submenu-container, #header_meta { display: none !important; }}

    If that does not help, please create a temporary admin login and post it here privately.

    Best regards,
    Yigit

    #620724

    Sorry for the late reply!
    THIS was what I was looking for! Thank you Yigit so much!!!

    :)

    #620781

    Hey!

    Glad we could help! FYI we have put together some useful info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/

    Regards,
    Vinay

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Don't display menu on tablet & mobile version (responsive)’ is closed to new replies.