Download all Joomla templates including quickstart (demo)only $29
No Edit Template Styles After Update to Joomla 5.2.4

If you have already upgraded to Joomla 2.5.4 we strongly urge you not to edit the style of your template because there is a bug in the Checkbox field. If you edit it many parts of your website will disappear. We are waiting for answers from Joomla on this matter.

Construction:

  • S
  • spike Premium Member
  • Topic Author 1 week 2 days ago #1
How can I make the Off Canvas Menu full device width? 300px is set. Width 100% doesn't work. Thx in Advance.

Part of the message is hidden for the guests. Please log in or register to see it.

Please Log in or Create an account to join the conversation.

  • L
  • leoalv Moderator
  • 1 week 2 days ago #2
In your custom.css add:
Code:
body.ltr.offcanvs-position-left .offcanvas-menu {left: -100vw !important;} .offcanvas-menu {width: 100vw !important;}
Regards

Please Log in or Create an account to join the conversation.

  • S
  • spike Premium Member
  • Topic Author 1 week 2 days ago #3
Thanks but dont work. See at my link, all is white now

Please Log in or Create an account to join the conversation.

  • L
  • leoalv Moderator
  • 1 week 2 days ago #4
Add following line also:
Code:
body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu{left:0!important;}

Please Log in or Create an account to join the conversation.

  • S
  • spike Premium Member
  • Topic Author 1 week 2 days ago #5
Unfortunately it still doesn't seem to work

Please Log in or Create an account to join the conversation.

  • L
  • leoalv Moderator
  • 1 week 2 days ago #6
It seems that the property (word) "left:" has been copied with abnormal characters, you have to write it as is. Because it is currently marked as an unknown property even though it is read correctly.

Please Log in or Create an account to join the conversation.

  • S
  • spike Premium Member
  • Topic Author 1 week 2 days ago #7
I can't edit this any other way. Dreamweaver writes the line with left in red.

saved with Texteditor same here

Please Log in or Create an account to join the conversation.

  • S
  • spike Premium Member
  • Topic Author 1 week 2 days ago #8
I think something is wrong with this line
body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {​​​​​​

Please Log in or Create an account to join the conversation.

  • L
  • leoalv Moderator
  • 1 week 2 days ago #9
The problem is the word LEFT, we have verified it, the problem is not the selector, I have modified the code I gave you, now you can copy and paste it.

Please Log in or Create an account to join the conversation.

  • S
  • spike Premium Member
  • Topic Author 1 week 2 days ago #10
Strange now it suddenly seems to work, for whatever reason. Thank you.

Please Log in or Create an account to join the conversation.

  • L
  • leoalv Moderator
  • 1 week 2 days ago #11
The problem is that in the spaces before and after left, a non-visible character was introduced, but it was identifiable by machines, which made the left property invalid.

Please Log in or Create an account to join the conversation.

  • S
  • spike Premium Member
  • Topic Author 1 week 2 days ago #12
OK. Another small thing. I would like to center the logo in the off-canvas menu. But it doesn't work with center either. Another tip for me?

Please Log in or Create an account to join the conversation.

  • S
  • spike Premium Member
  • Topic Author 1 week 2 days ago #13
Got it done. Thanks again for the great support

Please Log in or Create an account to join the conversation.