Header
Header Selectors
Use these selectors to target cookie preferences 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
.header-title-logo
Site Title Text
.header-title-text a
Navigation List Container
.header-nav-list
Navigation Links
.header-nav-item a
Navigation Links (Active)
.header-nav-item--active a
Dropdown Folder
.header-nav-folder-content
Dropdown Folder Links
.header-nav-folder-content a
Social Icons
.header-actions-action--social
Social Icons (SVG)
.header-actions-action--social .icon svg
Header Button
.header-actions-action--cta
Accounts Link
.user-accounts-text-link
Cart Container
.header-actions-action--cart
Cart Icon
.header-actions-action .icon--cart
Cart Icon (SVG)
.header-actions-action .icon--cart svg
Cart Text
.header .cart-text-link
Cart Quantity
.sqs-cart-quantity