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

NOVO Menu Navigation

Question

Hi There,

I'm using the Novo template. Each square image on the main menu links to a page within the site. How can have some of them link to an external web page instead? 

Thanks...

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 1
16 hours ago, Ayzhh said:

Hi Tuanphan

Images for external link would be Coldwell banker, Blog, Property Search and testimonials 🙂 Which I don't have custom images on there yet but getting to it.

Add to Code Injection Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$('#gridThumbs a.grid-item:first-child').attr('href','https://beaverhero.com');
$('#gridThumbs a.grid-item:nth-child(5)').attr('href','https://beaverhero.com');
$('#gridThumbs a.grid-item:nth-child(8)').attr('href','https://beaverhero.com');
</script>

 

Edited by tuanphan

You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

Hi Tuanphan

Images for external link would be Coldwell banker, Blog, Property Search and testimonials 🙂 Which I don't have custom images on there yet but getting to it.

Share this post


Link to post
  • 0
7 hours ago, tuanphan said:

Add to Code Injection Footer


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$('#gridThumbs a.grid-item:first-child').attr('href','https://beaverhero.com');
$('#gridThumbs a.grid-item:nth-child(5)').attr('href','https://beaverhero.com');
$('#gridThumbs a.grid-item:nth-child(8)').attr('href','https://beaverhero.com');
</script>

 

Tuanphan...I love it!! Thank-you so much 🙂 Everything works!!!

Share this post


Link to post
  • 0
On 2/20/2020 at 1:44 PM, tuanphan said:

Add to Code Injection Footer


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$('#gridThumbs a.grid-item:first-child').attr('href','https://beaverhero.com');
$('#gridThumbs a.grid-item:nth-child(5)').attr('href','https://beaverhero.com');
$('#gridThumbs a.grid-item:nth-child(8)').attr('href','https://beaverhero.com');
</script>

 

 

Actually, it does not work for websites using personal plans. I use the Novo template as well but can't customise with CSS/HTML/Javascript since I don't have the business plan. Could you recommend another solution (if there is one)? 

Thank you!

Edited by Ellystime

Share this post


Link to post
  • 0
12 hours ago, Ellystime said:

 

Actually, it does not work for websites using personal plans. I use the Novo template as well but can't customise with CSS/HTML/Javascript since I don't have the business plan. Could you recommend another solution (if there is one)? 

Thank you!

Hi. You can't change link with Personal Plan. You can recreate your layout with Gallery Section or Image Blocks. 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

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