Mobile Product Category Bar Style

---

Description

Style the mobile product category bar beyond standard default. 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.

// Mobile Product Cagetory Bar Style //

.products.collection-content-wrapper .nested-category-children {
  background: #F25F5C;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 20px;
  font-size: 14px;
}

---

Customize

Adjust the background, color, border, border radius, padding, and font size values to your liking.

The category bar can be enabled in the product page settings.

---