Mobile Menu Break Point - Question | JoomShaper
Back to the questions

Mobile Menu Break Point

Laurent

Laurent

Helix Framework 3 years ago

Hi,

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

Thanks L.

0
4 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #10337

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;}
}
1
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #10132

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?

0
Laurent
Laurent
Accepted Answer
3 years ago #10143

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
0
Laurent
Laurent
Accepted Answer
3 years ago #10344

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

0