Site Tag Line - Next To Logo

---

1. Plugin Info

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

• Works with Squarespace 7.1

• Uses Custom CSS

---

2. Add this code to Custom CSS

// Site Tag Line Next To Logo - Ghost //

@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 - Ghost //

---

3. 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

---

4. Plugin Notes

• Works with all header layouts.

---