Changing Your Logo URL Redirect
  • 07 Apr 2022
  • 1 Minute to read

Changing Your Logo URL Redirect


Clicking on the logo at the top of every page of your Members Portal redirects to your portal's home page by default. You can easily change where users are redirected when they click on the logo using a simple code snippet.

You just need the URL of the page users should land on when they click on your logo.

For example, your logo can redirect users to your marketing website's home page or the About us page on the Members Portal.

  1. If the navigation menu isn't visible, click the menu icon in the top left corner of the page.

  2. Click on app.js.

  3. Add the following code snippet to the file after all the file's comments highlighted in green

var componentDidMount = function(componentName) {
    var url = 'CLIENT_URL_GOES_HERE';
    var anchor = $('a.navbar-brand');
    if(anchor.attr('href') != url) {
        anchor
        .attr('href', url)
        .replaceWith(anchor.clone())
    }
}

image.png

  1. Remove CLIENT_URL_GOES_HERE from the snippet, making sure you don't remove the single quotation mark on either side.

image.png

  1. Add your website's full URL address between the two single quotation marks.

image.png

  1. Click the Save button. 

All set! Your website's logo should now redirect users to the URL you've added to the code snippet.