Show Header Button - Mobile Menu

Bookmark Plugin

---

Plugin Details

Show the header button in the mobile header – but hide it when the menu is open.

Compatibility

• Works with Squarespace 7.1

• Uses Custom CSS

---

Add to Custom CSS

// SHOW HEADER BUTTON ON MOBILE - GHOSTPLUGINS.COM //

@media only screen and (max-width: 800px) { .header-actions, .header .header-actions-action--cta { 
  padding: 0px 5px; 
  display: block !important; 
  }
}

.header-title-nav-wrapper { 
  flex: auto !important; 
} 

// HIDE BUTTON WHEN MENU IS OPEN - GHOSTPLUGINS.COM //

.header--menu-open .header-actions-action--cta {
  display: none !important;
}

---

Customizable Options

• Button Spacing

• Hide Button (When Menu Is Open)

Notes

No plugin notes

---