Jump to content

Tabs in navigation--How'd they do that???

Recommended Posts

I want to do something similar to this website that has tabs at the top left in addition to their main navigation because they have two sides to their business. I've created the HTML and CSS just fine but HOW did they get the active tab background color to be assigned to the right pages. If you go from the homepage to the about for example the active tab color changes from shoppe to interiors. How did they do this? They've essentially made it seem like there are two separate websites but there isn't, there's just one. 

 

URL:https://puresaltinteriors.com/pages/store

Screenshot 2024-06-28 at 11.10.47 AM.png

Edited by E-W
Link to comment
  • Replies 1
  • Views 197
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

You need to target links based on page id. 

E.g.  (you need replace with proper page ids)

#collection...2189182 .shop-link {
	background: white;
}

/* all other pages */
body:not(#collection...2189182) .interior-link {
	background: white;
}

 

 

 

Try new Squrespace ID & class finder Chrome Extension

✔ Supports Fluid Engine   ✔ Generate Media Queries code   ✔ Toggle IDs with Option / Alt 

____

Hire me for SquareSpace development

 

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.