How to make header image stretch to full width of page

Store Design
, , ,
1

Hi! On either side of my header image, there are white bars where the header doesn’t reach. I was wondering if there was a way to make the image stretch all the way to the end. Any coding help is appreciated!

Here is my shop. I’m using Colorblock theme.

2

Hello @hushbug ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1673486404078.png
GemPages_0-1673486404078.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

3

Hi [email removed]Hushbug,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css,

Step 3: Paste the below code at bottom of the file → Save

:root{
--page-width:100% !important
}

PageFlyVictor_0-1673493101329.png
PageFlyVictor_0-1673493101329.png3350×1352 699 KB

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

3 Likes