Off Canvas menu without pushing main site - Forum | JoomShaper
Solved Helix Framework

Off Canvas menu without pushing main site

Asked by martin 5 years ago Last activity 5 years ago

Hi there,

I am wondering if it is possible to have the Off Canvas menu of Helix Ultimate on mobile to slide out over the main site like it used to in Helix 3? Right now, when Off Canvas is triggered, it 'pushes' the whole site left. I don't see any settings if this is possible.

Accepted answer

Marked as the solution
Ofi Khan Staff
5 years ago

Please use this CSS to Template Options -> Custom Code -> Custom CSS

.offcanvas-menu{
    opacity: 70% !important;
}

9 more replies

Oldest first Newest first Most helpful
Ofi Khan Staff
5 years ago

Hello martin

Please use this CSS to Template Options -> Custom Code -> Custom CSS

body.ltr.offcanvs-position-left.offcanvas-active .body-wrapper{
    left: 0px !important;
}

Best regards

martin Asked this
5 years ago

Hi Ofi,

Thanks for your reply... however, it's still 'pushing' the main site to the left on OffCanvas on mobile.

Ofi Khan Staff
5 years ago

Please share your site URL here to check the issue. Use the Hidden Content box to share privately.

martin Asked this
5 years ago

Hi Ofi,

Have attached the url for your reference.

Thank you.

Ofi Khan Staff
5 years ago

Please use this CSS to Template Options -> Custom Code -> Custom CSS

body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper{
    right: 0px !important;
}
martin Asked this
5 years ago

Hi Ofi,

Great! It works perfectly. Thank you very much. Just another question, is it possible to change he offcanvas menu's background's opacity? For example, 70% opacity for the 'transparent' effect. :)

martin Asked this
5 years ago

Hi Ofi,

Fantastic! Thanks a lot. You can mark this as closed :)

Ofi Khan Staff
5 years ago

You are welcome.

Ofi Khan Staff
5 years ago

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback here:

  1. JED
  2. Trustpilot
Log in to reply.