Add Menu Text Next To = Icon

---

1. Plugin Info

Add the text menu (or something else) next to the mobile menu = icon.

• Works with Squarespace 7.1

• Uses Custom CSS

---

2. Add this code to Custom CSS

// Custom Mobile Menu = Icon - Ghost //

.header .header-burger:before {
  content: "MENU" !important;
  font-family: 'inherit';
  font-weight: bold;
  color: #000;
  font-size: 18px;
  background-color: #fff;
  border-radius: 50px;
  padding: 10px;
}

---

3. Customizable Options

• Custom Text

• Font Weight

• Color

• Font Size

• Background Color

• Border Radius

• Padding

Tip: To move the menu text to the right, change :before to :after.

---

4. Plugin Notes

• Compatible with all header layouts for mobile

• Font will inherit from your Squarespace body font family

---