off site canvas menu update - Helix framework Ultimate 2.0.6 - Forum | JoomShaper
Solved Helix Framework

off site canvas menu update - Helix framework Ultimate 2.0.6

Asked by TechGuru 4 years ago Last activity 4 years ago

Dear Support,

I would like to add a row of icons with links to the off canvas menu, How do I do this. The following is my test web site
https://webapps.jpc.vic.edu.au/homex/

when the site is in mobile view The 4 icons on the top needs to be displayed above the search. to look like the following any help is appriciated.

If a module could be inserted into the off canvas menu would help do this.

thank you,
Kris

Accepted answer

Marked as the solution
TechGuru Asked this

Thank you. This answers all the questions I have.

4 more replies

Ofi Khan Staff

Hello Krishan Gurusinghe

You can publish the module at Offcanvas position. This should work.

Best regards

TechGuru Asked this

Thanks Khan, This works however can I move this to the top of the off canvas position rather than at the bottom.

Ofi Khan Staff

You are welcome. Please use this CSS to Template Options -> Custom Code -> Custom CSS

.offcanvas-menu .offcanvas-inner{
    display: flex;
    flex-direction: column;
}
.offcanvas-menu .offcanvas-inner div:nth-of-type(5){order: 1;}
.offcanvas-menu .offcanvas-inner div:nth-of-type(1){order: 2;}
.offcanvas-menu .offcanvas-inner div:nth-of-type(2){order: 3;}
.offcanvas-menu .offcanvas-inner div:nth-of-type(3){order: 4;}
.offcanvas-menu .offcanvas-inner div:nth-of-type(4){order: 5;}
Ofi Khan Staff

You are welcome. Please accept the answer that helped you. It will be then easier to find the solution for the other users with the same issue. There is a button to accept answer after each comment.

I have a humble request too. It would be very kind of you if you can manage some moment to give us feedback on Joomla Extension Directory. This will inspire us to improve.

Log in to reply.