(Squarespace) How to make Lock Screen Logo clickable

To make Lock Screen Logo clickable.

You can use this code to Code Injection > Lock Page
If code doesn’t work, you can comment below, message or email me.

<script>
document.addEventListener('DOMContentLoaded', () => {
  const logoImages = document.querySelectorAll('.sqs-slide-wrapper[data-slide-type="lock-screen"] [data-compound-type="logo"][data-slice-type="image"] img');
  
  if (logoImages.length) {
    const link = document.createElement('a');
    link.href = 'https://google.com';
    
    logoImages[0].parentNode.insertBefore(link, logoImages[0]);
    logoImages.forEach(img => link.appendChild(img));
  }
});
</script>

Remember to change Logo URL here.

1 Like