Site Tag Line (Next To Logo) - Site Header


Plugin Details

Add a tag line next to the site title or logo, similar to the Squarespace 7.0 option.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add to Custom CSS

// Site Tag Line Next To Logo - GhostPlugins.com //

@tagline-text: 'Your Site Tag Line';
@tagline-color: #000;
@tagline-open-menu-color: #bbb;

@tagline-size: 15px;
@tagline-font-family: inherit;
@tagline-left-spacing: 10px;

/* --- Do Not Edit Below ---- */

.header-title:after { line-height: 1em;font-family: @tagline-font-family; content: @tagline-text; font-size: @tagline-size; color: @tagline-color;   display: flex; align-items: center; } .header--menu-open .header-title:after { color: @tagline-open-menu-color; } .header-title-text, .header-title-logo img, .header-title-logo { display: inline-block !important; width: auto !important; } @media only screen and (min-width: 800px) { .header-title:after { padding-left: @tagline-left-spacing;
}} @media screen and (min-width: 800px) { .header-title { display: flex; }}

// Site Tag Line Next To Logo - GhostPlugins.com //

Customizable Options

  • Tag Line Text

  • Text Color (On Desktop)

  • Text Color (When Mobile Menu Is Open)

  • Text Size

  • Font Family (If Using Custom)

  • Left Spacing

Notes

Compatible with all header layouts


Previous
Previous

Site Tag Line (Below Logo) - Site Header

Next
Next

Rounded Corners - Slideshow Gallery (Full)