Header & Footer

The header includes: Store links; Stores/My Account drop down; Expanding search; Bag drop down, Navigation & Megamenu; Fixed nav on scroll. The fixed nav shows the burger menu on screen sizes up to 1260px wide.

The main footer is fixed to the bottom of the viewport - as demonstrated on the following page. There are also 3 content blocks, not fixed, that appear at the bottom of every page

Header Mobile

Mobile header includes: Store links collapsed to accordion; Off Canvas navigation; Off Canvas bag; Fixed header on scroll; Search.

The main footer is not fixed on mobile. The 3 content blocks are reduced to 1 on mobile.

Typography

Header styles - Didot is used for the first word.

Page Header

Background colour and title style

Content Panels

Background colours are tailored to suit the images.