Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1117731

    on on mobile devices I want the hamburger icon to swith into the top line (preheader), to the right side of the four icons.

    Is there a css-solution? (I tried negative margin-top, but that made it hide behind the top line).

    In the Enfold Settings I found : Header > Zusätzliche Elemente > Header Sekundär-Menü > Sekundäres Menü in der oberen Leiste links.
    This would be ideal, I just would need to hide the secondary menu on desktop and the main menu on mobile. Unfortunately it doesn’t make a hamburger icon…
    Can you help me with that?


    Hey danielmarsch,

    Thank you for using Enfold.

    The theme can’t generate the mobile menu based on the top or secondary menu, so you can’t do that. What you can do is to pull the mobile menu upwards as you had done previously and lower the z-index value of the top container so it sits behind the main header container where the mobile menu is.

    @media only screen and (max-width:767px)
        #header_meta {
            z-index: 1;
        .responsive #top #wrap_all .main_menu {
            margin-top: -50px;

    Best regards,

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.