Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 25, 2021 at 5:02 pm #1318322
    Hejanni

    Hi!
    When I make my screensize smaller the menu overlaps the logo.
    In Theme Options -> Main Menu -> Menu Items for mobile I’ve chosen Activate for Smartphone and Tablets (browser width below 990px). But I think the burger menu needs to show before that. Do you have a code where, lets say when the browser is 1200px the burger menu shows?

    Posted a link in private content if you need it.

    Br

    August 27, 2021 at 12:01 pm #1318633
    Ismael

    Hey Hejanni,

    Thank you for the inquiry.

    Yes, we could show the mobile menu icon earlier than what is set in the theme options. Please add this code in the Quick CSS field.

    @media only screen and (max-width: 1366px) {
  .responsive #top .av-main-nav .menu-item-avia-special {
      display: block !important;
  }

  .responsive #top .av-main-nav .menu-item {
    display: none !important;
  } 

  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block !important;
  }
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    August 31, 2021 at 2:37 pm #1319150
    Hejanni

    Hi!
    Great thank you! Worked perfect.
    You can close this thread!

    Br
    Anni

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Burger menu set screen size’ is closed to new replies.