Mobile menu break point - Forum | JoomShaper
Solved Helix Framework

Mobile menu break point

Asked by Laurent 5 years ago Last activity 5 years ago

Hi,

Sorry I forgot, but where can I modify the mobile menu break point.
See here : https://prnt.sc/10jqpp5

Thanks
L.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
5 years ago

yes, by using custom CSS. I hope we talk about Helix Ultimate. This should help:

@media (max-width: 1200px) {
#offcanvas-toggler {display: block !important;}
#sp-menu .sp-megamenu-parent {display: none !important;}
}

3 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
5 years ago

Hi,
for menu items... I suggest to reduce font size and space between menu items.
You have to use custom CSS.
In theory you can switch to mobile menu faster, but I am not sure if you really need this, but it also needs extra custom css.

BTW
On what screensize/resolution you still want to have menu in one row?

Laurent Asked this
5 years ago

I cannot reduce font size and space between menu items because menu items will be too close and this will not be user friendly.

about the resolution:

  • main menu is correctly displayed from 1200px to XXXXX
  • but under 1200px, the second lines appears.
  • mobile menu is enabled from 991px
  • so the idea is to enable obile menu from 1200px
Laurent Asked this
5 years ago

this perfect, works fine ;-)
thanks again
L.

Log in to reply.