Mobile Header
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