Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #457506

    Is it possible to have the default menu on desktop be the hamburger menu?

    #457534

    Hi tristanslater!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }

    Best regards,
    Yigit

    #538452

    Is it possible to add the hamburger menu but also keep your existing desktop menu items? This seems to replace everything with the hamburger. Also, can we set a specified width for the menu that opens? Like a percentage? Thanks

    #540075

    Hey!

    Yes, it’s possible but I don’t see the point of having two navigation with the same set of menu items. Anyway, try this in the Quick CSS field:

    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    

    Regards,
    Ismael

    #817815

    hey great!
    additional question:
    if I like to have the hamburger menu just at the startpage, the normal navigation on the following sites…whats the code?
    thx!

    #818196

    Hi McFly,

    Try adjusting the code like this:

    
    .home #mobile-advanced, .home #advanced_menu_toggle, .home #advanced_menu_hide { display: block; }
    .home nav.main_menu { display: none; }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #818861

    You are the greatest, thank you! I’ll build a new page in the next days with that!

    #818906

    Hi,

    We’re glad that the team was able to help you! :)

    May we close this thread, or do you need further help with this? :)

    Best regards,
    Sarah

    #821818

    does this script not work with version 4.1.1?
    not in my theme now!

    #822057

    Hi McFly,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #822510

    Oh Yes! The Website is in Maintenence Mode, have a look with private Access.

    #823647

    Hi,

    Please replace the css code with the following.

    
    .js_active.html_burger_menu .home #avia-menu > li, .html_burger_menu_active .home .menu-item {
        display: block;
    }
    
    .js_active.html_burger_menu .home #avia-menu .av-burger-menu-main, .html_burger_menu .home #avia-menu .menu-item-search-dropdown {
        display: none !important;
    }

    Best regards,
    Ismael

    #823804

    I’m ashamed. Here it doesn’t work.
    I replaced it in the Quick CSS, was that right?

    #824348

    Hi,

    Do you want to display the burger menu on other pages and not on the home page? Or is it the other way around? If it is the other way around, please use the following css code.

    .js_active.html_burger_menu .home #avia-menu > li, .html_burger_menu_active .home .menu-item {
        display: none !important;
    }
    
    .js_active.html_burger_menu .home #avia-menu .av-burger-menu-main, .html_burger_menu .home #avia-menu .menu-item-search-dropdown {
        display: block!important;
    }

    Best regards,
    Ismael

    #824616

    The Burger menu should only display at the Startpage.
    Thank You!

    #828535

    Hi,

    The latest css code above should work then. Did you try it?

    Best regards,
    Ismael

    #830201

    Yes, I tried. It’s not working.

    #831048

    Hi,

    I am getting “Forbidden. You don’t have permission to access /wp-admin on this server.” error when i try to load your login page.

    I believe there might be an error in your custom CSS code. Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    #832727

    Hi Yigit

    The Sign seemed to be ok. Data again in Private Content.
    Thx!!

    #832780

    Hi,

    I changed the code to following one

    .home #avia-menu > li, .home .menu-item {
        display: none !important;
    }
    
    .home #avia-menu .av-burger-menu-main, .home #avia-menu .menu-item-search-dropdown {
        display: block!important;
    }
    

    and corrected an error in your Quick CSS field. When you are commenting in your custom CSS, please do as following

    /* Here is my comment */ 

    Please review your website

    Best regards,
    Yigit

    #833477

    WOOOOOWWWW!
    THANK YOU!!!!

    GREAT!

    Thanks for help! My next Projekt with Enfold is on the way!
    Always Enfold! Forever…why? Because of the great Support!

    Greets K

    #833482

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

    P.S.: Please consider reviewing Enfold on ThemeForest if you have not already – https://themeforest.net/downloads :)

Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Always Hamburger Menu’ is closed to new replies.