Primary Menu Text Shadow on Transparent Header

[Ryan Purves]

Ryan Purves

January 9, 2020 at 11:26 am

I am setting up a new site with the Ascend theme and have added some simple CSS code to put a shadow behind the primary navigation text, but want to remove it when scrolling down and adding a semi-transparent background, as seen in the screenshot. I’m assuming the change is done with some basic javascript magic, but I’m not familiar with it. Any solutions?

#pageheader .page_head_title {
text-shadow: #000 2px 2px 7px;
}