Replace inner HTML to change navigation page title

Hello! I am trying to change the navigation page title for "HOME" on only 2 pages of my site, specifically in mobile view. I just want to replace the text, the URL remains the same.

https://www.designedbycarolyn.co/agency

https://www.designedbycarolyn.co/about-a

Desktop view does not matter since I have hidden the header and replaced it with a custom coded one. Nevertheless, I believe changing the text for desktop view (.header-nav-item--homepage) will affect the mobile view as well so either way works.

I have tried using jQuery and inserting it in the Page Advanced code section but it didn't work...

<script>
var url = $(‘div.header-nav-item--homepage a.’preFade.fadeIn).attr('href')
url = url.replace(‘HOME’, ‘MY FULL SITE’)
$('.header-nav-item--homepage').attr('href', https://designedbycarolyn.co/)
</script>

Thank you so much in advance!