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

[Thread-Theory]

 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?

 

[Thread-Theory]

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

[DaisyVo]

Hi @Thread-Theory 

I will share the solution here so please kindly provide the store URL ❤️ 

Best,

Daisy

[DaisyVo]

HI @Thread-Theory 

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

Best,

Daisy 

[namphan]

Hi @Thread-Theory,

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

[Thread-Theory]

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

[namphan · Accepted solution]

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;
    }
}