Offcanvas Menu Dropdown Shows Squares - Question | JoomShaper
Back to the questions

Offcanvas Menu Dropdown Shows Squares

Melissa

Melissa

SP Page Builder 2 years ago

I searched other questions reguarding this issue, but the fix said to go to the Template Style > Template Options > Advanced > Font Settings and then make sure Awesome Font is enabled.

Problem is....when I go to Advanced, "Font Settings" isn't a choice. Please see screenshot for reference.

The square icon (instead of the down chevron icon) is showing only on offcanvas menu. On top main menu the icon for the dropdown shows as it should.

Please advise. Thanks.

0
Website
https://hairlogicbeautybar.com/
4 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #38748

But if you want to have arrow ">" instead of plus "+" please use the following code:

.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 {
    font-family: "font awesome 5 free"; font-weight: 900; content: "";}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #38747

Hi Melissa,

  1. By default Font Awsome is loaded in Helix Ultimate 1.1.x and 2.0 - so you don't have to enable it.
  2. Yes, I noticed small problem in your Mobile Menu. Hopefully it's easy to fix. In template Options - CUstom Code - Custom CSS please paste following code:
.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 {
    font-family: "font awesome 5 free"; font-weight: 900;}

After Save settings you should have + / -

foto_6900_2021.jpg

0
Melissa
Melissa
Accepted Answer
2 years ago #38756

That seemed to work. Thanks Paul!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #38774

you're welcome.

0