NOVO Menu Navigation

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

Can you share link to your site? I can take a look.

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

https://www.abrehawaii.com

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?

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.

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>

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

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!

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. 

On 8/3/2020 at 8:35 AM, tuanphan said:

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

Thank you Tuan.

There aren't overlay options (full overlay+text) on Image blocks or Gallery options so I will just have redo the pages, unfortunately 😞 but thank you again for your help!

3 hours ago, Ellystime said:

Thank you Tuan.

There aren't overlay options (full overlay+text) on Image blocks or Gallery options so I will just have redo the pages, unfortunately 😞 but thank you again for your help!

You can add with Image blocks or Gallery Section, then we can give the overlay code.