How can I adjust the width of my image banner to match my website?

Store Design

Topic summary

A user seeks help adjusting an image banner’s width to align with the rest of their website (excluding the footer). A screenshot is provided showing the current layout issue.

Proposed Solution:

  • Navigate to Online Store > Edit Code
  • Locate the image-banner.liquid file
  • Scroll down to the schema section
  • Add the class "class": "page-width" after an existing class line
  • Save the changes

The discussion remains open, awaiting confirmation on whether this solution resolves the width alignment issue.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Hi guys, how can I change the width of the image banner to match the rest of the website (not including the footer)? Website: flammashop.com

Screenshot 2024-02-07 at 3.24.25 PM.png
Screenshot 2024-02-07 at 3.24.25 PM.png2834×1194 262 KB

2

Hello @flammagreg ,

Follow the steps:

  1. Go to online store > edit code : https://prnt.sc/piOj6KE2bIyV
  2. Search image-banner.liquid : https://prnt.sc/nanbuoo1IPNX
  3. Scroll down to schema and add this line after class “class”: “page-width”, : https://prnt.sc/L0E8O95XhaT9
  4. And save it

Let me know if this helps you

Thanks

Ritu