Offcanvas Menu - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Offcanvas Menu

HH

Hartmut Haenssler

Helix Framework 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!

0
3 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #92520

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!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #92534

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.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #92536

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;
}
0