Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1147471

    Hi, my site has a lot of main menu items which overlap the logo on iPad Pro in landscape mode. Can you give me the Quick CSS code to make the hamburger display at 1024 px width and lower?

    Thank you,


    Hey esotEric,

    Please have a look at our docs here:

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

    This reply has been marked as private.


    I tested the following and it should work on iPad Pro:

    /* Activate burger menu */
     @media only screen and (max-width: 1224px) {
    #top #header .av-main-nav >  {
        display: none!important;
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;

    Best regards,
    Jordan Shannon


    Awesome! Thank you, Jordan.
    Big help for the Enfold community!




    Great, I’m glad that Jordan could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,

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

You must be logged in to reply to this topic.