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.
- If you bought our products in another market, ask your questions in that market, not here.

* ADD PRODUCT NAME IN START OF SUBJET

Construction:

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

leoalv Moderator
8 months 1 day 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 8 months 1 day 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
8 months 1 day 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 8 months 1 day ago #5

Unfortunately it still doesn't seem to work

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

leoalv Moderator
8 months 1 day 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 8 months 1 day 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 8 months 1 day 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
8 months 1 day 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 8 months 1 day 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
8 months 1 day 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 8 months 1 day 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 8 months 1 day ago #13

Got it done. Thanks again for the great support

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

75,705+

Happy customers guarantee our Templates and Extensions

Join Now

Products

Company

Support

Secure Payment

Use your cards with Paypal.