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

How To Change Helix Offcanvas Menu Tooggler Icons?

Igors

Igors

Helix Framework 2 years ago

HI friend for some reason i canot change some toggler icons. I use custom ikon font and i try to change offcanvas icons to that font but for some reason one icon cahanged but other do not change.

I added in custom css this and it worked 

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after {
    font-family: 'icomoon' !important;
    content: "\e945";
    font-weight:900}
}

but for other menus it does not work. 

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after {
    font-family: 'icomoon' !important;
    content: "\e945";
    font-weight:900}
}

0
1 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #95053

Hi,

Thanks for your query.

You may try to merge your both codes then:

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after {
    font-family: 'icomoon' !important;
    content: "\e945";
    font-weight: 900;
}

This should work.

Best Regards

0