[Support request] Adding drop shadow to Main Navigation text

[rossnmia]

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.

[Leo]

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 🙂

[rossnmia]

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

[David]

Hi there,

try adding this CSS:

.main-navigation .main-nav ul li a, .menu-toggle {
text-shadow: 2px 2px #FF0000;
}

[Author]

Posts