Overlay

Styles every drawer, dialog, and popup — cart, search, quick view, mobile menu — so overlays match the rest of your store.

Overlay setting panel

---

Overlay style

Setting	Description
Color scheme	Palette for all overlay backgrounds, text, and buttons. Pick a scheme different from your page sections to set overlays apart — e.g. dark overlays over a light store.
Title size	Heading size for overlay titles such as the cart and search headings.
Backdrop blur	Blurs the page behind an open overlay to draw focus to it.

Overlay style

---

Popovers

Small floating panels shown in context — dropdown menus, option selectors, and tooltips.

Setting	Description
Border thickness	Border width of popovers.
Shadow	Elevation shadow behind popovers.

Popovers

---

Drawer

Setting	Description
Enable padding — Desktop / Mobile	Adds inner spacing between a drawer's edge and its content.

Drawer with and without padding enabled

The corner radius of drawers and bottom sheets is set under Corner Radius.

---

Need help?

Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.

Chat with us Submit a ticket