Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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,
    Eric

    #1147550

    Hey esotEric,

    Please have a look at our docs here:

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

    #1150728
    This reply has been marked as private.
    #1150749

    Hi,

    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 > li.menu-item  {
        display: none!important;
    }
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;
    }}

    Best regards,
    Jordan Shannon

    #1151054

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

    Best,
    Eric

    #1151094

    Hi,

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

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

You must be logged in to reply to this topic.