Off-Canvas Menu (CSS) Questions - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Off-Canvas Menu (CSS) Questions

FH

Franck H.

Helix Framework 2 years ago

Dear Team,

I'm using the the latest Helix Ultimate Template have some questions about the Off-Canvas Menu:

  1. I want what to know, If it's possible that the Off-Canvas Menu does take the full width and full heigt of the Smartphone/Tablet?

  2. For the moment I need to click on the arrows that the submenu shows up. Is there a possibility to open also the submenu when clicking on the Menu Link? (and the arrow)

  3. How can I dissable the Off-Canvas Menu on larger Screens, so that the 3 lines shows up only when using the smartphones or tablets, and not the PC for exemple?

Thanks a lot for your help.

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #110658

Hi,

  1. Only via using Custom CSS. Limits are set via CSS so by CSS you can unlock and set 100%.
  2. No
  3. From Menu options: Menu > Mega Menu > Menu Type > select only "Mega Menu"

Screenshot is here: https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/menu-navigation

0
FH
Franck H.
Accepted Answer
2 years ago #110670

Hi Paul,

thanks a lot for you fast answers.

Do you maybe have the Css Rule witch I should use in my Custom Css?

Thanks a lot, and have a nice day.

Frank

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #110718

I don't have ad hoc, but you can use Code Inspector from your browser to preview style (class names, and used values) - read guide: https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

then just use Custom CSS to override them. This same tool and rules are for all CMS, themes & templates.

0
FH
Franck H.
Accepted Answer
2 years ago #110722

Thanks.

Have a nice day.

0