Download all Joomla templates including quickstart (demo)only $29

Forum

  2. Home
  3. Forum
  4. Template Support
  5. Premium Joomla Templates
  6. Barbon: How can I make the Off Canvas Menu full device width?
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.

Barbon: How can I make the Off Canvas Menu full device width?

  • 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.
This message contains confidential information


body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu{left:0!important;}
body.ltr.offcanvs-position-left .offcanvas-menu {left: -100vw !important;} .offcanvas-menu {width: 100vw !important;}

dont work for this template.

Hope you can help me.

Thx

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

  • L
  • leoalv Moderator
  • 1 week 2 days ago #2
What I think is that in the site you use Barbon, most likely you have the toggler on the right side, so change the selectors, even the offcanvas position is no longer on left but on right. You can try changing everything that says left to right, both in the selectors and in the properties.

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

  • S
  • spike Premium Member
  • Topic Author 1 week 2 days ago #3
That´s it! Many thx!!!

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