Navidation is over the Logo - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
August 30, 2024 at 12:18 pm #1465774

rixi
Participant

Hi,
i have the problem that the navigation on the ipad goes over the logo. I put in the following code, but nothing changed.
@media only screen and (max-width: 1290px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}

You have any idea what i can do?

Many regars rixi

August 30, 2024 at 1:38 pm #1465795
Rikard
Keymaster
Hey rixi,

Please try this instead:
```
@media only screen and (max-width: 1500px) {
  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 30, 2024 at 2:49 pm #1465800

rixi
Participant

Hi Rikard,
i put the code in its still the same…

Many greetings rixi

August 30, 2024 at 4:19 pm #1465810

Rikard
Keymaster

Hi,

What happens if you temporarily remove all custom CSS that you have added, and only add the CSS I posted above?

Best regards,
Rikard

August 30, 2024 at 4:36 pm #1465813

rixi
Participant

Hi Rikard,
it works!
So i will have a look what i really need from all these codes, thanks a lot :)

Many greetings and a great weekend,
rixi

August 31, 2024 at 11:01 am #1465862

Rikard
Keymaster

Hi,

Please try running your code through a CSS lint service, it’s likely that you have an open media query somewhere.

Best regards,
Rikard
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.