Hello,
I use a Navigation element in the SP Builder and looking for the option to open de hamburger menu as an off canvas. How can I do this?
Regards,
Michiel
Hello,
I use a Navigation element in the SP Builder and looking for the option to open de hamburger menu as an off canvas. How can I do this?
Regards,
Michiel
Hello Michiel,
Thank you for reaching out!
To make the hamburger menu function as an off-canvas menu, please follow these steps:
Once you’ve assigned the menu, it should work as expected.
Is there anything else I can assist you with? Feel free to reach out if you have any other questions!
Best regards,
Hello Ziaul,
Thank you for your answer, but that is a nice option for the main menu. I want to have a second menu what I can build with the Navigation element in SP Builder what opens as a off canvas on mobile (see screenshots).
Then I can build this navigation in a SP Builder module and assign it to the correct pages where it should be displayed. This way I can create a user menu for logged in users...
So is there an option for the Navigation element to do that (I can't find this option anywhere)
Regards,
Michiel
Hello,
Unfortunately, the Navigation element in SP Page Builder doesn’t include direct settings for off-canvas functionality. However, you can achieve this by:
If you implement this, ensure that your main off-canvas menu is disabled for that pages to avoid conflicts or redundancy.
Is there anything else that I can assist?
Best regards,
Hello Ziaul,
do you have any an example for this custom css?
Regards
Michiel
Please, check this documentation: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Best Regards,
What I mean: Do you have a custom css code (example) for the navigation menu to make this off canvas?
I know how where to put the CSS in Helix end in SP Builder.
Regards,
Michiel
Hello Michiel,
There is no specific custom css for off canvas, If you need any customization, You can use it.
Is there anything else that I can assist?
Best Regards,