Jump to content

Foldername in Header stays highlighted when you go on sub pages

Recommended Posts

On 10/26/2022 at 3:04 PM, kernholz said:

hey, would like the folders in the header stay highlighted (red) when I click on them or the pages in the Drop-Down menu. Somehow the codes for setting colour to active folders hasn't worked. I can change the colours in general or for hovering but it does not stay highlighted. Would appreciate any help . Thanks!!

https://koala-circle-rbwp.squarespace.com

You can try adding to Home > Design > Custom Css

.header-nav-item.header-nav-item--folder:hover > a {
  color: red;
}

Let me know how it works on your site

Support me by pressing 👍  or marking as solution if this useful for you

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

My testing

image.thumb.png.22bcc028231c6199765363431a6ba073.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

The Css can not approach this requirement. 

We may work around with it via some javascript (require the business plan or above). I wonder which plan you are working on

image.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

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.