Jump to content

Change the nav bar drop down menu color without changing the the background color on a single page

Recommended Posts

Site URL: https://capybera-ranunculus-8edf.squarespace.com/

I have quite a bit of custom CSS on my nav bar - specifically to shrink the logo when scrolling down.

I originally wanted to change the logo itself, but when I did that it removed the functionality of the logo shrinking.

So I decided to change the header color using a Page Header Code Injection.

Now I've run into a problem with the nav bar drop down menu color, I want it to be the same green as the header (the text is no longer visible). It looks like the only way I can change that is to change the entire page's background, which I do not want to do.

Is there a Page Header Code Injection code that can change the nav bar drop down menu color for me (only on this specific section of my website)?

screen_shot_2022-09-06_at_5.39.19_pm.png

Link to comment
  • Replies 1
  • Views 217
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.