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

6 answers to this question

Recommended Posts

  • 0
30 minutes ago, Ayzhh said:

Hi Tuanphan, I have it on private but putting on public for you 😉

https://www.abrehawaii.com

 

 

You can use JavaScript to change link. Which image you want to change to external link?


Send me a message if you have any questions (free 10 minutes)

Free code: Squarespace 7.0 (4000+ code)

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

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

Send me a message if you have any questions (free 10 minutes)

Free code: Squarespace 7.0 (4000+ code)

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

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

Create an account or sign in to comment

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


×
×
  • Create New...