Full Page Off Canvas Behavior - Question | JoomShaper

Full Page Off Canvas Behavior

Karen Dunne

Karen Dunne

Helix Framework 2 weeks ago

Hi,

What are the steps to create an off-canvas menu that overlays the whole screen, such as they do on these templates: https://www.joomshaper.com/joomla-templates/konstra

https://www.joomshaper.com/joomla-templates/artion

https://www.joomshaper.com/joomla-templates/celestia

Are there instructions documented that I can refer to?

0
5 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 weeks ago #217434

Hi there!

Thanks for reaching out.

You can try modal menus from the predefined header section in the Helix Utimate. Which template are you using now?

https://share.cleanshot.com/ZqcJ1X2f

Best regards,

0
Karen Dunne
Karen Dunne
Accepted Answer
2 weeks ago #217536

Thank you, Rashida.

That's a start for sure. I'm using Helix as the template.

After I set it to a modal menu, where do I go to set the background image (e.g. on the left modal) and the layout for the menu items?

Can the modal menu be set to open a SPPB page?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 weeks ago #217615

Hi,

You're welcome:)

You can try the following code in your custom CSS:

#modal-menu.has-bg{
    background-image: url(Put_Your_Own_Background_Image_Link_Here);
}

Please let me know if it helps!

I'm not so sure about your last query though. Here is all about custom Header: https://www.joomshaper.com/documentation/helix-framework/custom-header

Best regards,

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 week ago #218028

Did that help?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 10 hours ago #218954

Hello,

I haven’t heard back from you regarding this issue. Could you please confirm if everything is working fine now? If so, kindly accept the most helpful answer to close the post.

Best regards,

0