I’m trying to add a simple gray separator line below my header. I want this line to have no padding so that it appears directly below my navigation and when the navigation is hovered, the hovered line directly below the hovered menu item will above the full width separator line.
See screenshot… and my site below.
I’ve created a block element to try to accomplish this with a hook set to “after-header” but the separator line that is in the block doesn’t want to bump up against the bottom of the header…it’s almost like the block itself has padding that needs to be overwritten just for this element/block. Or is their another hook I can specify that will not add padding? Changing the hook to after-navigation doesn’t seem to work.
How can I most easily accomplish the picture shown in the screenshot with the hover effect for the active menu item etc.