Add custom icons to Hamburger menu

(Eloi Smith) #1

Hi there.

Is it possible to add custom icons to the hamburguer menu? I would like to use font awesome not only for admin, flags but also for latest, new,etc.


is that possible? if so, where it might be edited?


(cpradio) #2

Yes, you just need to learn CSS to target the correct link (for the New link).


.menu-links .new-topics-link:before { 
  content: "\f2b9  ";
  font-family: FontAwesome;

You can open the hamburger menu and right-click on a link, choose Inspect to figure out how to target the link.

(Eloi Smith) #3

ok thanks! Got it! :slight_smile:

(Eloi Smith) #4

Sorry again, i’ve tried adding your code as example in the CSS of the defautl main theme, but unfortunately the icon is not showing.

I just need to add this CSS and then keep on targeting each like, top-topic links…?

excuse my ignorance!

(cpradio) #5

My bad, I had a typo. should be .new-topics-link

(Eloi Smith) #6

Great, that works now :slight_smile: thanks thanks!!