Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 7, 2021 at 7:31 pm #1286223
    richardwilding

    Dear Kriesi,

    My website menu is overlapping the logo when I reduce the browser width. How can I make the mobile menu appear sooner?

    I previously used the following custom css for this, but it’s no longer working:

    @media only screen and (max-width: 990px) {
    div .av_one_third {
    margin-left: 0%;
    width: 50%;
    }}

    March 8, 2021 at 12:39 pm #1286415
    Nikko

    Hi Richard,

    Can you try adding this CSS code in Quick CSS:

    @media only screen and (max-width:1340px) {
  .responsive #top #header .av-main-nav .menu-item {
    display: none;
  }

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

    Best regards,
    Nikko

    March 8, 2021 at 4:13 pm #1286477
    richardwilding

    Great, that works

    Thank you

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Menu overlapping logo’ is closed to new replies.