Mobile Header

Bookmark Selector

---

Mobile Header Selectors

Use these selectors to target mobile header elements.

• Selectors work with Squarespace 7.1

• Knowing the basics of CSS is recommended

Helpful starting points: Visit the free plugin library for pre-applied styles and helpful starting points for customizations.

---

Site Title Logo (Closed Menu)

.header-display-mobile .header-title-logo img

Site Title Logo (Open Menu)

.header-title-logo img

Site Title Text (Closed Menu)

.header-display-mobile .header-title-text a 

Site Title Text (Open Menu)

.header--menu-open .header-title-text a

---

Cart Icon SVG (Closed Menu)

.header-display-mobile .header-actions .icon--fill svg

Cart Icon SVG (Open Menu)

.header--menu-open .header-actions .icon--fill svg

Cart Quantity (Closed Menu)

.header-display-mobile .sqs-cart-quantity

Cart Quantity (Open Menu)

.header--menu-open .sqs-cart-quantity

---

Burger Icon (Closed Menu)

.burger-inner>div

Burger Icon (Open Menu)

.header--menu-open .burger-inner>div

---

Is the selector you're looking for not here? Let us know.

Suggest a Selector