Menu Overlaps Logo

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

Author

Posts
March 8, 2018 at 7:02 pm #924000

trishac
Participant

The menu overlaps the logo when the screen is not maximized but larger than a mobile device. This is the case on my version (http://test.cob-webcreations.com) as well as the Enfold 2017 Demo. I have referred to this post (https://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets) and this one (https://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/) without resolution. Please advise how I can fix this. Thanks so much!

March 9, 2018 at 10:42 am #924383
Rikard
Keymaster
Hey trishac,

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
Author

Posts

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

You must be logged in to reply to this topic.

Follow us on Facebook

Kriesi13.000+ likes

Open facebook page

Join our Facebook community

Subscribe to our Newsletter