Offcanvas Menu - Forum | JoomShaper
Staff replied Helix Framework

Offcanvas Menu

Asked by Hartmut Haenssler 3 years ago Last activity 3 years ago

Hi, I've got two problems with the visibility and clickability of the menubars in cellphone view of helix:

  • First the three white menubars are not really visible, sice they are not on the black background of the top where the logo is displayed, but rather on the slider below

  • Second the submenu does not unfold when clicked on the name of the submenu, only by tapping on the little arrow the sublevels do unfold.

Here's the url of the site: www.pbs-ingenieure.de

Maybe you can send a code snipplet for the custom code section to fix this problems.
Thanks a lot in advance!

3 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago

Hi Hartmut ,

I can help only with 1st question, I can change colors etc.

About 2nd , it was built this way, so I can only resize arrow icon that's all. I cannot change php/js code!

Paul Frankowski Senior Staff
3 years ago · edited

Using Custom CSS code you change color of [=] icon by default is white

#offcanvas-toggler > i 
{  color: #fff; }

You can use different color or even add background color for that icon. In Helix documeantion there is info how to use custom CSS in Helix template. CSS is on your hands.

Paul Frankowski Senior Staff
3 years ago · edited

Ad 2) Below Custom CSS will increase active open arrows in Mobile Menu, this will help users to see and click it

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon {
  font-size: 25px;
  font-weight: bold;
}
Log in to reply.