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