Off Canvas settings - Forum | JoomShaper
Staff replied Helix Framework

Off Canvas settings

Asked by Phil973 5 years ago Last activity 5 years ago

Hi, how to change the Off-canvas menu to display ">" like on your website to open sub menus instead to the "+/-"
Also, how to add space between menu items as on small phones they are really to close on from each other?
Finally, as on your website, how to have the login menu displayed on the off-canvas menu (same location, down below)
Thanks in advance.

4 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
5 years ago

Hi,
Give me your site URL and also screenshot of your issue please

Paul Frankowski Senior Staff
5 years ago · edited

If I may....
" how to have the login menu displayed on the off-canvas menu"

You can publish any module in mobile menu, just create/add new module and choose "offcanvas" position for it.

About changing +/- to "arrows" it request CSS override, the only method as I know. Try this:

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler::after, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler::after
{ content: "\f078";}


.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > a > .menu-toggler::after
{content: "\f077";}
Phil973 Asked this
5 years ago

Thanks Paul,
My meaning is how to publish the login module in the bottom of the Off-canvas menu, and get it displayed as on Joomshaper page with a arrow to develop the menu "options" instead of having the basic full joomla login module.

Paul Frankowski Senior Staff
5 years ago

I guess you have to find extra module for this purpose.
Sorry, for me it looks like customization question, beyond support.

Log in to reply.