Menu items showing behind logo when window resized - Support

Tagged: logo, menu

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

Author

Posts
February 12, 2021 at 11:59 am #1279965
lisarein
Participant
Note how, when the window is resized, the menu items show up behind the logo, instead of switching to showing the menu icon, which is the desired behavior. Note that it will eventually do it, but it needs to do it instead of having the menu items bleed through.

How can I configure the theme to not do this? Thank you!

(hosted on WPengine) alt="Showing the menu bleeding through" />
- This topic was modified 3 years, 9 months ago by lisarein.
February 14, 2021 at 12:22 pm #1280398
Rikard
Keymaster
Hey lisarein,

Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}
```
Adjust the value 1024 to the screen width on which you want the burger menu to activate.

Best regards,
Rikard
February 17, 2021 at 2:40 pm #1281748

lisarein
Participant

Hi Rikard :)

This worked great! Thanks so much ^_^

February 17, 2021 at 3:32 pm #1281758

Yigit
Keymaster

Hey!

Glad Rikard could help! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Enjoy the rest of your day!

Regards,
Yigit
Author

Posts

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

The topic ‘Menu items showing behind logo when window resized’ is closed to new replies.