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

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


Previous
Previous

Media Queries

Next
Next

Button Block