Jump to content

Make one particular link in site nav to a clickable image

Recommended Posts

Hi Squarespace family,

I'm trying to turn the link 'Account' in my nav into a clickable image of a normal 'my account' type symbol of a person.

Here is the site: http://etch.london

Here is the code I have so far which shows in the Nav but it is not clickable, can anyone shed any light?

 nav li:nth-child(6) {
  display: block;
  width: 100px;
  height: 1000px;
  background-image: url('https://i.imgur.com/qttVodm.png');
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;


Link to comment
  • Replies 1
  • Views 419
  • Created
  • Last Reply

Another solution would be to use a regular LINK and instead of the name you use your graphic (the link of the graphic)

  <img src="https://images.squarespace-cdn.com/content/5cd2d548de0d1400013039c4/1558951000323-DQC0BMOVYR8I7QF5G2UG/INSTA_Icon_white.png">

so you just have to upload the graphic, somewhere on your website, just COPY the LINK of the FILE

was useful in my case where I had to get the social icons displayed on mobile

About Armin:
Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084
Website: www.braunsberger-media.com
Leaders Lodge: See my Profile

Link to comment


This topic is now archived and is closed to further replies.

  • 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.