Jump to content

highlighting menu on hover

Go to solution Solved by christyprice,

Recommended Posts

  • Solution

Yep, to highlight on hover use this code and change the hex value from blue to whatever color you'd like:

.header-nav-wrapper a:hover {
color: #000099 !important;
}

 

christyprice.com  🇺🇸 Austin, TX US 

  For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist.

Link to comment
  • 6 months later...

Hi Christy, I'm trying to add this to my website but it doesn't seem to be working. There's only a bit of highlight when you're on a page in that menu dropdown but the other ones don't highlight at all. I tried inputting this code and changing the colour to white but it hasn't made any difference. Is there another way to do this?

I'm trying to change the background of the title section when you hover it, not the actual text.

Edited by CharlotteMA99
Update
Link to comment
On 11/17/2020 at 9:56 PM, CharlotteMA99 said:

Hi Christy, I'm trying to add this to my website but it doesn't seem to be working. There's only a bit of highlight when you're on a page in that menu dropdown but the other ones don't highlight at all. I tried inputting this code and changing the colour to white but it hasn't made any difference. Is there another way to do this?

I'm trying to change the background of the title section when you hover it, not the actual text.

Can you share site url? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 11/17/2020 at 8:56 AM, CharlotteMA99 said:

Hi Christy, I'm trying to add this to my website but it doesn't seem to be working. There's only a bit of highlight when you're on a page in that menu dropdown but the other ones don't highlight at all. I tried inputting this code and changing the colour to white but it hasn't made any difference. Is there another way to do this?

Hi @CharlotteMA99 - the code varies based on template and version of Squarespace. If you'll share the link to your site, we can take a look!

christyprice.com  🇺🇸 Austin, TX US 

  For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist.

Link to comment

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.