Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 11, 2019 at 10:00 am #1117731
    danielmarsch

    Hallo,
    on relaunch.blumen-hegemann.de 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?
    Thanks,
    Daniel

    July 12, 2019 at 11:40 am #1118034
    Ismael

    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,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.