Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 3, 2018 at 8:03 pm #993349
    WCWL1650

    Hi,
    Our website is having an issue where the menu overlaps the logo when you adjust the window to certain sizes. It’s most visible widths 1250px or less. What is the fix for that?

    August 4, 2018 at 7:49 am #993436
    Rikard

    Hey WCWL1650,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    August 10, 2018 at 5:58 pm #996111
    WCWL1650

    Thank you, that partially worked. It fixed on screen sizes less than 1260, but there’s still alot of overlap on phones. How do I fix the issue on phones?

    August 11, 2018 at 8:18 am #996232
    Rikard

    Hi,

    Thanks for the feedback. Please try this CSS as well:

    @media only screen and (max-width: 479px) {
span.logo img {
  max-width:70% !important;
}
}

    Best regards,
    Rikard

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