Display Tagline On Mobile

Look Demo

Just like it says – display the website’s tagline on mobile. This plugin uses code injection and works with the Brine template family.

How To Install

From your Squarespace account, go to Site Code Injection. Copy and paste the code below into the Header Code Injection box.

<!-- Tagline-->

    /*clone the TagLine and add to the mobile branding*/
    $(".Header-tagline").clone().appendTo(".Mobile-bar.Mobile-bar--top .Mobile-bar-branding");

  .Mobile-bar.Mobile-bar--top .Mobile-bar-branding .Header-tagline{   
    max-width: 100%;
    padding-top: 5px;
    color: lightgrey;

  .Mobile-bar.Mobile-bar--top {
    padding-top: 10px;  
    padding-bottom: 20px;


Change the width, padding, and color values to position and style it to your liking.

Make sure your tagline is enabled on the desktop version of your website. You can find this setting in Site Styles.


No notes.