Web Pattern Library

Github Repo

Menu


Global styles

Global components


Template Structure


Bag, Wishlist, & Checkout

Home / Login

Marketing Modules

Product Listing & Detail

Size & Fit Guides

Personalization

My Account / History

Static pages


JavaScript Helpers

Web Pattern Library:

Masthead

Related:

The masthead was updated in Jan 2020 to allow for a more compact design on smallscreen and a "sticky" collapsed mode as you scroll. The sticky mode is shown on smallscreen on scroll-up only, and at all times on wider screens.

Note! To disable the sticky behavior, you can remove the "sticky-events" class from the "layout-mast" div.

Signed Out

Today’s Vineyard Vines special offer:

Free Ground Shipping On All Orders Over $125

Skip to content
Bag (5)

Signed In

Today’s Vineyard Vines special offer:

Free Ground Shipping On All Orders Over $125

Skip to content
Bag (5)

Sticky variations

Site Down