Archived topic
Adding drop shadow to Main Navigation text
3 replies · Started by rossnmia on February 5, 2019
Hi because we have different light and dark backgrounds in our element on each page, our white navigation text is hard to see on some pages https://adventurehelicopters.co.nz
Can you please share some css code to add drop shadow to the navigation text for this please? That would solve the white on lighter background issue.
Hi there,
Are you referring to text shadow effect like this?
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-shadow
Let me know :)
Yes correct. I want to add drop shadow to our primary menu, just a subtle shadow to highlight the white text on a light background
Hi there,
try adding this CSS:
.main-navigation .main-nav ul li a, .menu-toggle {
text-shadow: 2px 2px #FF0000;
}
