Change to hamburger at max width 1270px

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

Author

Posts
February 2, 2018 at 12:11 pm #906814

vdarend
Participant

Hi,

Can you help me out solving the breakpoint for the navigation to switch to hamburger at 1270px width with CSS code? It’s for the following website: https://www.objectivepartners.com.

Thanx in advance.

Regards,

Pim

February 3, 2018 at 7:36 am #907173
Rikard
Keymaster
Hi Pim,

Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (max-width: 1270px) {
  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
February 3, 2018 at 10:29 am #907198

vdarend
Participant

This reply has been marked as private.

February 4, 2018 at 6:25 am #907363

Rikard
Keymaster

Hi,

I’m not sure what you mean by that, I can see the mobile menu on all resolutions below 1270 now. How can we reproduce the error you are seeing?

Best regards,
Rikard
Author

Posts

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

You must be logged in to reply to this topic.