Drop Shadow Under Header

---

Description

Add a drop shadow below the header on both desktop and mobile. This plugin uses css editor and works with Squarespace 7.1.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Drop Shadow Header //

header {
  box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.29);
  -moz-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.29);
  -webkit-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.29);
  position: relative;
  z-index: 4;
}

---

Customize

Adjust all box shadow values to your liking.

The code will apply to both desktop and mobile headers. It will also work great if fixed position is enabled in header settings.

---