Buy me a coffee

Change Navigation Item text/url (One Page)

Suppose you want

  • Rename “Contact” to another text
  • Change the “Contact” URL to another URL

on One Page

change-navigation-item-text-url-01-min

#1. First, you need to find the “Contact” URL

change-navigation-item-text-url-02-min

In this example, we have the URL:  /contact-us

change-navigation-item-text-url-03-min

#2. Use this code to Page Header Code Injection and Save

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('header#header [href="/contact-us"]').html(function() { 
          return $(this).html().replace("Contact", "New Contact");  
    });
    $('header#header [href="/contact-us"]').attr('href','https://google.com')
});
</script>

You will have this

change-navigation-item-text-url-04-min

Remember to adjust these values

change-navigation-item-text-url-05-min

 

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder