Articles on: 🫶 Live shopping page

Add custom CSS to the Live shopping page (display and size)

By default, the Replay section shows 4 images of 280px per line. You can adjust the image size to display up to 8 replays per line.

Step 1 — Open the Live Shopping page

From your Shopify Admin, go to Online Store → Pages and click the Live Shopping page.

Step 2 — Open the code editor

Click </> to open the page code editor.

Step 3 — Add the snippet

Paste the following snippet into the code editor and click Save.

#livemeup-landingpage .lmuReplaysWrapper {
  grid-template-columns: repeat(auto-fit, min(280px, 100%));
}
#livemeup-landingpage .lmuReplayImg {
  width: min(280px, 100%);
}

Step 4 — Adjust the size

Replace 280px with a smaller value to fit more replays per line. For example, 200px displays 4 to 6 images per line, depending on screen width.

Updated on: 07/11/2026

Was this article helpful?

Thank you!