Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 31, 2021 at 10:28 am #1313577
    LukasEEE

    Hi,

    with which CSS can I move the browser window width at which the menu becomes the mobile menu so that the menu and the logo do not overlap? (SVG Logo)

    thank you and kind regards
    Lukas

    August 2, 2021 at 7:35 am #1313832
    Rikard

    Hey LukasEEE,

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

    @media only screen and (max-width: 1045px) {
  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 2, 2021 at 8:06 am #1313842
    LukasEEE

    Hey Rikard,

    that works perfect – thanks!

    Best regards,
    Lukas

    August 3, 2021 at 6:08 am #1314065
    Rikard

    Hi,

    Great, I’m glad that you got it working. 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 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.