HOW TO ADJUST MOBILE VIEW TO REMOVE EXTRA SPACING/PADDING ON SCREEN RIGHT SIDE USING DAWN THEME

Store Design
,
1

I am using DAWN THEME and facing problem regarding un-necessary spacing/padding on right side of landing page as well as product page as shown in picture. Can anyone help me to fix this issue?

110.jpeg
110.jpeg590×1071 65 KB

2

HI @Thread-Theory

Please kindly share your store URL so I can check it for you

Best,

Daisy

3

can you please share solution here so anyone facing same issue can get help from this thread.

4

Hi @Thread-Theory

I will share the solution here so please kindly provide the store URL :heart:

Best,

Daisy

5

Hi @Thread-Theory ,

Please send the website link, I will check it for you

6

the issue has been resolved but i am facing another issue regarding side margins in desktop view as i want to reduce side margins in desktop view and increase spacing between product cards. can you please help me to solve this issue. i am sharing link of my website.

thread-theory.pk

7

Hi @Thread-Theory ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (min-width: 990px) {
    .collection .page-width-desktop {
        max-width: 140rem !important;
    }
    .collection .product-grid.grid {
       --grid-desktop-vertical-spacing: 16px;
       --grid-desktop-horizontal-spacing: 32px;
    }
}