Image banner has a large white blank space on Dawn theme

Store Design
,
1

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_0-1737878791249.png2098×1094 48.2 KB

majaa_1-1737878845436.png
majaa_1-1737878845436.png2734×726 143 KB

1 Like
2

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?

3

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.

4

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

1 Like
5

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
LizHoang_0-1737911097001.png634×591 74.2 KB

Best,
Liz

6

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

7

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

1 Like
8

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

9

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

10

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