Transparent Mobile Menu Header

---

Description

Easily turn the mobile menu header transparent. This plugin uses css editor and works with Squarespace 7.0 (Brine template family).

---

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.

// Transparent Mobile Menu Header //

@media only screen and (max-width: 640px) {
  .Site {
    margin-top: -90px;
  }
}

.Mobile-bar-branding, .Mobile-bar-menu {
  z-index: 999;
}

---

Customize

Adjust the margin-top value to your liking.

You can set the mobile menu header color to transparent through the design settings.

---