Dawn Theme - Removing white space from home page (MOBILE)

Store Design
1

Trying to get rid of the white space so only the image shows.

2

@ryl4n ,

Share the store URL ? So that I will find the solution.

3

Hi @ryl4n

Can you give me your site url? I will check and give you a solution, thanks. If you have a password, please attach it

4

Hi @ryl4n ,

Can you provide your store url

5

http://www.artistbricks.com

6

http://www.artistbricks.com

7

Hi @ryl4n

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

.gradient{

background-size: cover !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

8

@ryl4n

Please add the following CSS code to your Assets/base.css bottom of the file.

@media screen and (max-width: 749px) {
.gradient {
    background-image: url(https://cdn.shopify.com/s/files/1/0655/6123/1575/t/1/assets/password-page-background_jpg.png?v=1660286459);
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
}
}

Thanks!