Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Make one particular link in site nav to a clickable image


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;


Edited by etchlondon
Initial Revision

Share this post

Link to post

1 answer to this question

Recommended Posts

  • 0

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

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...