Hi community,
I am wondreing how I can define in my custom css at what device size the main menu becomes a mobile menu. Right now, it is defined to become mobile at around 1000 px. Unfortunately, that breaks the menu e.g. in a iPad prow. I would like to define in those cases that the mobile menu appears earlier than the default value.
Attached is a picture.
Link: www.btg-ge.eu
Image attached:
https://ibb.co/YLvb8CV
Best
Isabe;;e
Hi there!
If I may...
You can use the following code snippet in your custom CSS:
@media (max-width: 1024px){
#offcanvas-toggler {
display: flex !important;
}
.sp-megamenu-parent{
display:none !important;
}
}I have used 1024px as a breakpoint in the above code. You can put your desired resolution there.
Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards
Hi
You can use the off-canvas menu in that case.You can follow this
https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/menu-navigation
-Regards
Thank you very much. That works
You are always welcome:)
