A user is attempting to add a background image to their Shopify store header using custom CSS. The initial implementation only displays the left side of the image, and it doesn’t resize properly to fill the header area.
Proposed Solution:
A PageFly representative suggests:
Current Status:
The user provided visual examples showing the current incorrect display (Image 1) versus the desired full-width appearance (Image 2). The PageFly representative later indicates the problem has been resolved, though the specific working solution wasn’t detailed in the thread.
Hello, I am trying to add a background image (https://cdn.shopify.com/s/files/1/0727/5370/9337/files/8376D2A2-5124-4472-8AA8-995DE435C12E.png?v=1680125940)) in my header but it doesn’t resize and only the left side of the image can be seen in the header. I am doing it via add custom css.
Any help is greatly appreciated.
Website is www.Nosotrosmb.com
Hi @Univell ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:
Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :
Hope my answer will help you.
Best regards,
Victor | PageFly
Sorry for the late reply. I see the problem has been solved. Let me know if you need more help.
Best regards,
Victor | PageFly
