How can I make collection list photos full width mobile page with no white outline left on each side

Shopify Discussion
1

Would greatly appreciate some help on this , want to make my photos full width on dawn theme

2

Hi @Auzdollz

Can you share with me the website link ? I will check on it for you

Thank you

3

Www.auzdollz.com

Thanks

4

HI @Auzdollz ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

@media screen and (max-width: 768px){
ul.collection-list {
    padding-inline: 0 !important;
}
}

Here is the result:

DaisyVo_0-1735691936930.png
DaisyVo_0-1735691936930.png452×802 422 KB

Please let me know if it works!

Best,

Daisy

5

Thanks so much ! This worked great couldn’t get to work with the rest of others that helped but thanks all .