Edit navigation link on product page

Add to Home > Settings > Advanced > Code Injection > Header

<style>
  .ProductItem-nav-breadcrumb>*:not(:first-child) {
    display: none;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  $(document).ready(function() {  
		$("a.ProductItem-nav-breadcrumb-link").html(function() { 
          return $(this).html().replace("Tre annonser", "enter new text");  
    });
    $('a.ProductItem-nav-breadcrumb-link').attr('href','https://beaverhero.com');
	});
</script>

replace enter new text, beaverhero with new text/url

2 hours ago, tuanphan said:

Add to Home > Settings > Advanced > Code Injection > Header

<style>
  .ProductItem-nav-breadcrumb>*:not(:first-child) {
    display: none;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  $(document).ready(function() {  
		$("a.ProductItem-nav-breadcrumb-link").html(function() { 
          return $(this).html().replace("Tre annonser", "enter new text");  
    });
    $('a.ProductItem-nav-breadcrumb-link').attr('href','https://beaverhero.com');
	});
</script>

replace enter new text, beaverhero with new text/url

Perfect! Thank you very much tuanphan. 

On 1/8/2021 at 6:37 PM, m_lundberg said:

Perfect! Thank you very much tuanphan. 

I see huge space on top/bottom of footer on tablet. Do you want to reduce it?

To preview your site on tablet, right click anywhere on your site > Choose: nspect Element > Choose iPad on top of browser

4 hours ago, tuanphan said:

I see huge space on top/bottom of footer on tablet. Do you want to reduce it?

To preview your site on tablet, right click anywhere on your site > Choose: nspect Element > Choose iPad on top of browser

Thanks for reminding me, it was Friday night and I kept on playing with the footer and couldn't make up my mind so I just left. I am fixing this now 🙂