Redirecting site title 7.1 - desktop and mobile

I'm trying to redirect my website title to my portfolio page rather than my cover page (set as my homepage) due to the 7.1 update. I need the function to work on both desktop and mobile but none of the code's I've tried have worked so far. Does anyone have an alternative solution?  I've tried the below four options already with no luck:

1) 

<script>

  document.querySelector('.header-title-logo a').setAttribute('href', 'https://ttps://beaverhero.com');

</script>

2) 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>

<script>

$(document).ready(function() {

$('.header-title a').attr('href','https://beaverhero.com');

});

</script>

<script>

  document.querySelector('.header-title-logo a').setAttribute('href', '/PAGENAME');

</script>

3) 

<script>

  document.querySelector('.header-title-logo a').setAttribute('href', '/PAGENAME');

</script>

4) 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>

<script>

$(document).ready(function() {

$('.header-title-logo a').attr('ttps://beaverhero.com');

});

</script>

Remove all & use this code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('a#site-title').attr('href','https://beaverhero.com');
});
</script>

Replace with new url