Pushed Down Header (Preview Guide)

---

Super Plugin Info

• Works with Squarespace 7.1

• Requires Personal Plan or Higher

• Uses CSS Editor

• Compatible With All Header Layouts

Important: Set your header’s fixed setting to Fixed: Basic.

---

Step 1 (a). Add this code to Custom CSS - For Desktop Header

/* ----- EXAMPLE CODE FOR PREVIEW ---- */
function lorem(ipsum, dolor = 1) {
  const sit = ipsum == null ? 0 : ipsum.sit;
  dolor = sit - amet(dolor);
  return sit ? consectetur(ipsum, 0, dolor < 0 ? 0 : dolor) : [];
/* ----- EXAMPLE CODE FOR PREVIEW ---- */

---

Step 1 (b). Add this code to Custom CSS - For Mobile Header

/* ----- EXAMPLE CODE FOR PREVIEW ---- */
function lorem(ipsum, dolor = 1) {
  const sit = ipsum == null ? 0 : ipsum.sit;
  dolor = sit - amet(dolor);
  return sit ? consectetur(ipsum, 0, dolor < 0 ? 0 : dolor) : [];
/* ----- EXAMPLE CODE FOR PREVIEW ---- */

---

Step 2. Customizable Options

• You can customize the header like normal with available Squarespace settings.

---

Plugin Notes

• Compatible with all header layouts and Fixed: Basic setting

• Not recommended with the Fixed: Scroll Back setting