Custom CSS - add active navigation icon

Hi everyone, 

I would like to make my site navigation display a small dot (  ·  )  when a page is active / clicked on.

Similar to this site, except using a dot symbol (  ·  ) instead of a number - https://www.danielboddam.com/architecture

Is there custom CSS I can use?

Thank you so much!

Fleur  

Try adding the following to your Custom CSS

.header-nav-item--active a:before {
    content: ".";
}

Great, thank you! 

Is there a way to make the dot icon bolder / bigger? 

Perfect, thank you so much for your help 🙂