Change the "All" text link in Jasper Index Navigation to "Home".

Hello, using the DONCAB Family and ( Templates: York, Artesia, Flores, Harris, JASPER, Jones, Lange, Shibori, Taylor),

I need to change the word 'All', sitting on first position of the Index Navigation to something else.

Link to the demo: https://jasper-demo.squarespace.com/chotto-jasper – Index Nav to be found at the very bottom.

Thanks for taking a peek!

Yo. Here's the non-LESS-CSS version of how you can do that. All those @media statements can be condensed into your LESS mixin, if that's how they're generated originally. You could alternatively target it via :first-child if you wanted.

.index-navigation a[href="/"] {
	font-size: 0;
}

.index-navigation a[href="/"]:after {
	content: "None";
}

@media screen and (min-aspect-ratio:1/1) and (min-width:1280px) and (max-width:1920px) {
	.index-navigation a[href="/"]:after {
		font-size: 1.40625vw;
	}
}

@media screen and (min-aspect-ratio:1/1) and (max-width:1280px) {
	.index-navigation a[href="/"]:after {
		font-size: 18px;
	}
}

@media screen and (min-aspect-ratio:1/1) and (min-width:1920px) {
	.index-navigation a[href="/"]:after {
		font-size: 27px;
	}
}

@media screen and (max-aspect-ratio:1/1) and (min-width:1280px) and (max-width:1920px) {
	.index-navigation a[href="/"]:after {
		font-size: 1.40625vh;
	}
}

@media screen and (max-aspect-ratio:1/1) and (max-width:1280px) {
	.index-navigation a[href="/"]:after {
		font-size: 18px;
	}
}

@media screen and (max-aspect-ratio:1/1) and (min-width:1920px) {
	.index-navigation a[href="/"]:after {
		font-size: 27px;
	}
}

31 minutes ago, brandon said:

how you can do that

Totally awesome, @brandon – voted up, liked and rewarded with my best GIF: