Page Builder
Aslam Ahamed
Dear Joom Team,
I need help with Offcanvas menu. I want the menu top of the screen. PLease can you help out.
https://yourimageshare.com/ib/n2GWaqHPeB
Thanks Aslam
Rashida Rahman
Accepted AnswerHi Aslam Ahamed,
Did you try Pavel's custom CSS, please? I have checked and it works.
However, you can use the following code in your custom CSS either:
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
right: 0;
}Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code
Best Regards
Paul Frankowski
Accepted AnswerHi Aslam,
Using Menu module settings you can choose which menu will be displayed inside Offcanvas menu. It doesn't have to be "MainMenu" you can choose different one from list.
Paul Frankowski
Accepted Answer?? I still don't understand what is wrong
Please make a mock-up and share link to it. Otherwise we stuck.
Aslam Ahamed
Accepted AnswerEVERYTHING LOOKS OK. plEASE SEE THE SCREENSHOT I HAVE SHARED.
the menu push the screen to the left. I dont want that. i want the menu to be top of the screen
thanks
Paul Frankowski
Accepted Answer
If you want to move Offcanvas menu somewhere else (left, middle), you have to use Custom CSS, if current settings has too little feature for what you need.
Paul Frankowski
Accepted AnswerBut If you want to reduce that top space from 80px to 40px
use custom CSS, for example:
.offcanvas-menu .offcanvas-inner {
padding-top: 40px !important; }There is an old saying, that one good image is worth 100 words, are you agree?
Aslam Ahamed
Accepted AnswerI want the offcanvas menu over the screen.
Pavel
Accepted AnswerHi. In latest raw Helix Ultimate template it works just as you want - offcanvas menu is over the body ("screen") + blure for content.
If you use raw Helix Ultimate, just update it.
For other HU based templates try this code
.body-wrapper {
inset: 0 !important;
}