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.

40

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

Thanks!


(cpradio) #2

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

ie:

.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 unread-topic.link, top-topic links…?

excuse my ignorance!


(cpradio) #5

My bad, I had a typo.

.new-topics.link should be .new-topics-link


(Eloi Smith) #6

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