Off Canvas Menu Without Pushing Main Site - Question | JoomShaper

Off Canvas Menu Without Pushing Main Site

M

martin

Helix Framework 2 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.

0
10 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #26153

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

.offcanvas-menu{
    opacity: 70% !important;
}
0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #26244

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
0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #26243

You are welcome.

0
M
martin
Accepted Answer
2 years ago #26239

Hi Ofi,

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

0
M
martin
Accepted Answer
2 years ago #26124

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. :)

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #26114

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

body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper{
    right: 0px !important;
}
0
M
martin
Accepted Answer
2 years ago #26108

Hi Ofi,

Have attached the url for your reference.

Thank you.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #26099

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

0
M
martin
Accepted Answer
2 years ago #26085

Hi Ofi,

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #25911

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

0