Mobile Menu Width Activation

Tagged: burger, CSS, mobile menu, settings

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

Author

Posts
April 23, 2019 at 10:07 am #1093596

Milan
Participant

Hello to all :)

I need to enable ‘mobile’ menu burger style below 1200px. What is the actual CSS code please?
I used to have this: https://kriesi.at/support/topic/mobile-menu-settings/ but it doesn’t work with latest Enfold version.
Thanks for help!

Milan

April 24, 2019 at 4:39 am #1093825
Rikard
Keymaster
Hey Milan,

Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (max-width: 1200px) {
  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
April 24, 2019 at 10:59 am #1093919

Milan
Participant

Hello Rikard,
Thank you very much for your help. It works perfectly!
Have a great day!
Milan

April 24, 2019 at 2:29 pm #1093975

Jordan Shannon
Inactive Moderator

Hi,

I’m glad that helped. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts

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

The topic ‘Mobile Menu Width Activation’ is closed to new replies.