A user is experiencing white bars on either side of their header image, preventing it from stretching to full page width on their Shopify store using the Colorblock theme.
Solutions Proposed:
Two support teams offered CSS-based fixes:
GemPages Support: Recommended adding custom code before the </head> tag in the theme.liquid file (specific code snippet appears corrupted in the original post)
PageFly-Victor: Suggested modifying the base.css file by adding:
:root {
--page-width: 100% !important;
}
Both solutions involve accessing the theme code editor through Online Store > Theme > Edit code. The discussion remains open with no confirmation from the original poster about which solution worked.
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.
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:
Open your theme.liquid theme file
Paste the below code before
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
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
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
