Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Is it possible to make the website tagline clickable and redirect to the homepage (like the logo)


Question

Site URL: http://privatexbeach.com/home

So I'm looking to make the site tagline ("PRIVATE BEACH") to be clickable and redirect users to back to the another page similar to how the logo does. 

As a back up just in case this isn't possible, I've placed the homepage ("THE BEACH") next to the tagline and plan on changing the name and font to match the tagline and effectively remove the tagline in place of the actual homepage link. 

Just curious to know the css for making this possible and I'll input it in the code injection.

 

 

Screen Shot 2021-03-05 at 9.12.45 PM.png

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

area.pb

just put it in the footer and it worked! thank you so much!

Posted Images

6 answers to this question

Recommended Posts

  • 0

Not right off the top of my head but I have a fair amount of Javascript experience and making things clickable! 😀

Let me give it a go tomorrow when I'm fresh.

Please post your site-wide password.

Posting a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

Of course if someone else has some code please feel free to help!

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to post
  • 0

Add the following to Settings > Advanced > Code Injection > FOOTER.
 

<script>

  $( document ).ready ( function ( ) {
  
    /*
    
      begin change tagline to link
      
      SS Version : 7.0
      Template   : Brine template family
      
      */
      
      const url = '/home';
      
      // do not change anything below, there be the borg here
      
      let $tagline = $( '.Header-tagline' );
      
      let $anchorTag = $( '<a>' )
      
        .attr ( 'href', url )
        
        .text ( $tagline.text ( ) );
        
      $.each ( $tagline.prop ( 'attributes' ), function ( ) {
      
        $anchorTag.attr ( this.name, this.value );
        
        } );
        
      $tagline.replaceWith ( $anchorTag );
      
      // end change tagline to link
      
    } );
    
  </script>

This is for v7.0 using the Brine template family.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...