Tagged: 

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

    i have a client who wants centered header with only the overline /top menu activated (left is social and phone, right is the nav).

    so far so good – but on mobile (iphone), the mobile nav shows, and it’s empty – while the top-line nav shows and occupies half the iphone screen.

    is there a way to turn OFF the top-line nav in mobile, and have it appear instead in the mobile menu button? i’d still like to have the social and phone show in mobile as an overline over the logo.

    thanks for your help!

    #295724

    Hi charger70!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab to remove mobile nav.

    a#advanced_menu_toggle {
    display: none!important;
    }

    You can choose your secondary menu as your main menu as well in Appearance > Menus and remove main menu on desktop and show secondary menu, and on mobile, remove secondary menu and display mobile menu with following code

    @media only screen and (max-width: 990px) {
    nav.sub_menu { display: none !important; }}
    nav.main_menu { display: none !important; }

    Cheers!
    Yigit

    #295729

    yigit – this is not working for me. i am seeing code below the footer now. i added both to custom CSS and now i see code on the home page, plus the mobile shows the secondary menu still and the mobile menu as empty.

    i set the main menu to be “blank” (that is a menu with no items) – otherwise, it shows two default pages (home, sample page). i do not want that. so i need to have a “blank” menu in place for main menu.

    maybe i wasn’t clear. what i need is this:

    1. remove the secondary/top menu on mobile/iphone only so that only the social/phone number appears
    2. have the mobile menu (the little menu icon) display the secondary menu

    let me know if this make sense.

    update: here is my menu setup:

    • This reply was modified 9 years, 8 months ago by charger70.
    #295740

    Hey!

    That is exactly what the code i posted should do. But you should set Enfold main menu to “main” as well.
    If you are seeing the code below footer, that means you have probably added the code to Google Analytics field and not to Quick CSS field which is inside General Styling tab. Please check once again

    Cheers!
    Yigit

    #295749

    oh man, you are RIGHT – analytics box! sheesh. sorry about that.

    ok! working good now EXCEPT i have no nav symbol now on iphone. any ideas?

    thanks again so much, and sorry for being dumb.

    #295760

    Hey!

    Please remove following code from Quick CSS

    a#advanced_menu_toggle {
    display: none!important;
    }

    I posted it just in case you would like to remove mobile menu and keep the secondary menu on mobile :)

    Cheers!
    Yigit

    #295763

    perfect! as always, you are AMAZING, yigit! THANK YOU!

    #295764

    Hi!

    You are welcome, glad if we could help :)

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘enfold mobile menu using top-line nav only’ is closed to new replies.