Archived topic

Change Hamburger Icon in Slideout Menu

7 replies · Started by mdgallagherdesign on February 1, 2019

Viewing posts 1–8 of 8

February 1, 2019 at 10:28 am #798930

Hey!

So I have poked around on here and the solutions I found were not working.

Is there a way to change the hamburger icon to another icon from font awesome, specifically shopping-cart?

February 1, 2019 at 11:53 am #799015

Hi there,

do you already have Font Awesome installed on your site? And if so which version 4 or 5?

February 1, 2019 at 12:51 pm #799051

Hi David!

I have Font Awesome 5 plugin installed.

February 1, 2019 at 2:18 pm #799102

Try this CSS:

.slideout-toggle a:before {
    content: "\f07a";
    font-family: 'Font Awesome\ 5 Free';
}

February 4, 2019 at 12:58 pm #801370

That didn't work, the hamburger icon is still there. :(

February 4, 2019 at 5:30 pm #801518

Try this instead:

.main-navigation .slideout-toggle a:before {
    content: "\f07a";
    font-family: 'Font Awesome 5 Free';
}

February 5, 2019 at 3:42 pm #802530

PERFECT!!! THANK YOU!

February 5, 2019 at 7:08 pm #802606

You're welcome :)

This archived topic is closed to new replies.