Shopify themes, liquid, logos, and UX
My image banner is displaying a white blank space before the image when i click 'image banner -> adapt to first image'.
If I click small/medium or large, my image doesn't come up at all! The size of my photo is 3:2 ratio.
please help.
Hello @majaa
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?
The URL is
no password
you’ll see that the Current image banner has a white space before the image - I cannot remove this. It doesn’t come up on mobile but it does on desktop.
Hey @majaa,
Hope you're doing fantastic!
Here's the recommended Shopify banner image dimensions:
Desktop: 1200 x 400 pixels or 1800 x 600 pixels
Mobile: 600 x 600 pixels
Maximum file size: 20MB
Supported formats: JPG, PNG, GIF
For optimal display across devices, use 1800 x 600 pixels with a 3:1 aspect ratio.
This should work in case it doesn't, feel free to DM and we'll make this work for you with the help of custom code.
Cheers!
Shubham | Untechnickle
Helping for free: hello@untechnickle.com
Don't forget to say thanks, it'll make my day - just send me an email!
Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App
Hi Majaa
- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
@media screen and (min-width: 750px) {
#Banner-template--22557189144864__image_banner::before, #Banner-template--22557189144864__image_banner .banner__media::before {
padding-bottom: 0px !important;
}
}
Result:
Best,
Liz
That hasn't worked, it's removed my image banner completely.
Hey @majaa,
Either change the image dimensions, or DM us the collaborator code so that we can dig deep into the code and resolve this.
Cheers!
Shubham | Untechnickle
Helping for free: hello@untechnickle.com
Don't forget to say thanks, it'll make my day - just send me an email!
Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App
Hi Majaa, I'm having the same issue, did you ever resolve yours?
nope 😞 i ended up reverting to an old version of my theme layout which wasn't giving me the blank space.. very frustrating!
Oh, that is frustrating! I'm sorry to hear it didn't get solved.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025