Hello,
I created a splitmenu and it all works fine. But now, I have to many menu items, so I have a break of the items even on laptpo size.
I tried to change the breakpoint of the mobile menu but unfortunatly that does not work.
Could you please help me with this issue.
I provide you login credetials as private content.
Thanks in advance,
Steffie
PS: I have custom css in the quick css section and in the customizer custom css section.
Hey kleine_designstube,
Please try this code:
@media only screen and (max-width: 1440px) {
nav.main_menu, #menu-item-search, .inner-container .logo {
display: block !important;
}
.menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
I think it might be better to have the logo left, menu right layout or menu under the logo, so that you will have the menu items visible on bigger screen sizes.
Best regards,
Victoria
Hello Victoria,
exactly what I said to mmy client but he wants that split menu.
I tried your code but it´s not working.
The Logo is in the middle under the Burger and the flyout-menu doesn´t work right (it opens too small)
If you reduce the browser size more, it switches to a working version that would be fine for the max-width 1440px
Maybe you could have a closer look once again?
Thanks
Steffie
Hi Steffie,
Best regards,
Victoria
Hi Victoria,
Hi kleine_designstube,
Hopefully, you’ll get it working :)
Get back to us when you’re ready and we’ll pick up from where we left the issue.
Best regards,
Victoria