Full Page Off Canvas Behavior - Question | JoomShaper

Full Page Off Canvas Behavior

Karen Dunne

Karen Dunne

Helix Framework 2 months 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
7 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months 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 months 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 months 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 month ago #218028

Did that help?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month 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
Karen Dunne
Karen Dunne
Accepted Answer
1 month ago #219314

Hi Rashida,

I ended up not pursuing what I wanted because I couldn't figure out how to do it using Helix. I'm not talking about the background image in the CSS, that's fine. I'm talking about setting modal menu be set to open a SPPB page.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month ago #219952

Sorry for the late response, but the idea is not clear to me yet. My apologies...

0