Forum

Important - Hands Up!

- Please ask using the account with which you made the purchase or download of our products and in its respective category.

* ADD PRODUCT NAME IN START OF SUBJET

Construction:

spike Premium Member
Topic Author 1 year 8 months ago #1

How can I make the Off Canvas Menu full device width? 300px is set. Width 100% doesn't work. Thx in Advance.
Expired page link

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

leoalv Moderator
1 year 8 months 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.

spike Premium Member
Topic Author 1 year 8 months 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.

leoalv Moderator
1 year 8 months 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.

spike Premium Member
Topic Author 1 year 8 months ago #5

Unfortunately it still doesn't seem to work

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

leoalv Moderator
1 year 8 months 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.

spike Premium Member
Topic Author 1 year 8 months 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.

spike Premium Member
Topic Author 1 year 8 months 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.

leoalv Moderator
1 year 8 months 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.

spike Premium Member
Topic Author 1 year 8 months 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.

leoalv Moderator
1 year 8 months 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.

spike Premium Member
Topic Author 1 year 8 months 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.

spike Premium Member
Topic Author 1 year 8 months ago #13

Got it done. Thanks again for the great support

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

77,837+

Happy customers guarantee our Templates and Extensions

Join Now

Products

Company

Support

Secure Payment

Use your cards with Paypal.