Jump to content

How to change font color on mobile menu overlay when I'm on a certain page?

Go to solution Solved by tuanphan,

Recommended Posts

Hello, I need help changing the font color on the mobile navigation overlay when I'm on an active page. I got the code below to work on desktop only. How do I apply the same look to mobile view? I want the active page to be yellow as seen on the attached screenshots. Website: https://banjo-smilodon-y827.squarespace.com/

/* Remove Navigation Link Underline */
.header-nav-item--active a{
  background: unset !important;

/* Change the color as needed to match your branding */
:not(.header-nav-item--folder).header-nav-item--active a, .header-nav-folder-item--active > a {
    color: #FFBF00 !important;
  font-weight: bold;


Thank you!

Screenshot 2023-11-21 153711.png

Screenshot 2023-11-21 153653.png

Link to comment
  • Replies 2
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

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.