Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 13, 2019 at 12:38 am #1147471
    esotEric

    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

    October 13, 2019 at 11:06 am #1147550
    Victoria

    Hey esotEric,

    Please have a look at our docs here:

    Menu

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

    October 24, 2019 at 4:24 am #1150728
    esotEric
    This reply has been marked as private.
    October 24, 2019 at 6:04 am #1150749
    Jordan Shannon

    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

    October 25, 2019 at 4:25 am #1151054
    esotEric

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

    Best,
    Eric

    October 25, 2019 at 7:20 am #1151094
    Rikard

    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

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