I’m having an issue where the currently active navigation item gets a little triangle that appears underneath it to denote what page you are on. The triangle is showing up great, but I can’t figure out how to center align it when I need the container element it’s attached to be variable width.
I know how to do it with JS, I’m wondering if there is a way to do it with css.
Literally as I was writing it I came up with a possible solution by using both :before and :after to create half the triangle. Still would like to be able to do it with just the :after so I can use :before for something else if possible.