Vigyata.AI
Is this your channel?

[Squarespace Tutorial] Target specific header nav links, like an external URL, & add SVG or FA icon

181 views· 7:02· Oct 25, 2024

🛍️ Products Mentioned (2)

This video demonstrates how to use CSS to target an external link pointing to a certain URL in the Squarespace navigations. In this case, I'm using CSS that says if the url includes the words, "therapyportal" then add the External Link Font Awesome SVG icon after it. For further size control, you can use media queries to adjust the icon size on mobile views separately than the size on Desktop views. For copy and paste code and more details: Reference the full blog post: https://designertofullstack.com/style-an-html-pdf-link-with-the-css-attribute-href/ Here's the link to the Font Awesome external link icon that we used in this Squarespace tutorial. https://fontawesome.com/icons/arrow-up-right-from-square?f=classic&s=solid #squarespacewebsite #websitedesign #navigation

🎬 More from Kelly Barkhurst: DesignerToFullstack