Image banner has a large white blank space on Dawn theme

Image banner has a large white blank space on Dawn theme

majaa
Excursionist
20 0 5

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.

majaa_0-1737878791249.png

majaa_1-1737878845436.png

 

 

Replies 9 (9)

devcoders
Shopify Partner
1595 189 488

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?

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
majaa
Excursionist
20 0 5


The URL is 

www.sixinch.com.au 

 

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. 

TheUntechnickle
Shopify Partner
539 65 158

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

LizHoang
Shopify Partner
1251 159 195

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: 

LizHoang_0-1737911097001.png

 

Best, 
Liz

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
majaa
Excursionist
20 0 5

That hasn't worked, it's removed my image banner completely. 

TheUntechnickle
Shopify Partner
539 65 158

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

sevenbetty
Tourist
7 0 1

Hi Majaa,  I'm having the same issue, did you ever resolve yours?  

majaa
Excursionist
20 0 5

nope 😞 i ended up reverting to an old version of my theme layout which wasn't giving me the blank space.. very frustrating!

sevenbetty
Tourist
7 0 1

Oh, that is frustrating!  I'm sorry to hear it didn't get solved.