Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 24, 2014 at 10:49 pm #295694
    charger70

    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!

    July 25, 2014 at 1:05 am #295724
    Yigit

    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

    July 25, 2014 at 1:15 am #295729
    charger70

    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 10 years, 3 months ago by charger70.
    July 25, 2014 at 1:39 am #295740
    Yigit

    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

    July 25, 2014 at 2:22 am #295749
    charger70

    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.

    July 25, 2014 at 3:05 am #295760
    Yigit

    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

    July 25, 2014 at 3:10 am #295763
    charger70

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

    July 25, 2014 at 3:13 am #295764
    Yigit

    Hi!

    You are welcome, glad if we could help :)

    Best regards,
    Yigit

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