Some of the links on the navigation bar on my website cause the header to increase in size and then go back to normal as the page loads. Is there a way I can fix this?
Hi @Susan_Caldwell, thanks for the good question! This styling issue looks like it is being caused due to the Current class on the logo container class does not have the same 15px top margin as the Nav link styling without the current class.
I would either change the logo container class with the “Current” class to have a 15px top margin:
I am actually still having issues with this. I followed the advice on the screenshots and it seems to work sometimes, but not consistently. I also can’t understand why the header shifts a few pixels to the right whenever “BeautyCents Mag” is selected.
Is there a video/tutorial that includes details about the Current pseudo-class that would help me understand what I’m doing wrong?