Active class on navbar isn't working jekyll

Question

I'm having difficulty getting the .active class to work on my site. It's hard to show through jsfiddle but here it is. Here's a picture of what I'm looking at. I'm not sure what element in the HTML I should be targetting to make it active since I have all this Liquid in here.

You can see I'm on index.html and it's not making the "Hhome" button black.

This are the different variations that I tried but didn't work. I'm not sure how to make this work with jekyll since it's assigning the class "active" when I serve it...

#navbar ul .active a
#navbar ul.active a
#navbar ul li a

JoostS JoostS · Accepted Answer · 2017-10-22T15:32:56

This CSS rule should work:

#navbar ul .active > a {color: red;}

Can we see the actual website?

Active class on navbar isn't working jekyll

1 Answers