Footer Structure

The footer is built from blocks you stack and nest yourself. You add Rows, place Columns inside them, then add content blocks inside each column — in any order.

---

How It Works

┌─────────────────────────────────────────────────┐
│  Row                                            │
│  [ Column ]    [ Column ]    [ Column ]         │
│    └ Logo        └ Menu        └ Email Signup   │
│                               └ Social Links    │
├─────────────────────────────────────────────────┤
│  Divider                                        │
├─────────────────────────────────────────────────┤
│  Row                                            │
│  [ Column ]              [ Column ]             │
│    └ Copyright             └ Policy Links       │
│                            └ Payment Icons      │
└─────────────────────────────────────────────────┘

Add as many Rows and Columns as you need. Five blocks — Divider, Logo, Marquee, Group, and Carousel — can also be placed directly in the footer, outside of any Row.

---

How to Set Up

Step 1 — In the theme editor, open the Footer section.

Step 2 — Add a Row block. This is the main layout container.

Step 3 — Inside the Row, add one or more Column blocks. Columns sit side by side on desktop and stack on mobile.

Step 4 — Inside each Column, add the content blocks you want — Logo, Menu, Social Media Links, and so on.

Step 5 — Add a second Row for a bottom bar, such as copyright, policy links, and payment icons.

Footer block hierarchy in the theme editor

To separate rows with a line, open a Row and turn on Show top divider or Show bottom divider. Full-width divider runs the line across the full screen; turn it off to stop the line at the footer content edge.

---

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