Changing the menu display at a specific resolution - Forum | JoomShaper
Staff replied Templates

Changing the menu display at a specific resolution

Asked by Sebastian 5 months ago Last activity 5 months ago

Good Morning, I have a question.

How can I modify the responsive.scss file or what do I need to add to the custom file to achieve this effect:

Between 992 px and 1392 px, the standard mega menu disappears and the burger button and menu (mobile) are displayed.

2 replies

Atick Eashrak Shuvo Staff

Good morning, and thank you for reaching out.

To show the off-canvas (burger) menu earlier, you don’t need to modify the responsive.scss file. This can be handled using custom CSS or Helix settings.

Please follow this documentation for guidance:
https://www.joomshaper.com/documentation/helix-framework/customization-tips#span-class-h3-how-to-show-offcanvas-menu-sooner-span

If you need further help, feel free to share your site URL or a screen recording.

Best regards

Sebastian Asked this

Thank you very much for your help and reply. The suggested solution works.

Best regards

Atick Eashrak Shuvo Staff

Thank you for your confirmation. I’m glad to hear that the suggested solution worked for you.

Please feel free to reach out if you need any further assistance.

Please marked the issue as solved

Best regards

Log in to reply.