Dawn Theme - How to lessen multicolumn padding for mobile

[IllIlIl1]

I'm trying to lessen the space in between the multicolumn columns for mobile devices. I want to keep the swipe feature as well.

Issue attached below

https://imgur.com/a/GgSR8b2

Store link-https://b01a38-40.myshopify.com/

Code- dapolu

[suyash1]

@IllIlIl1  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

@media screen and (min-width: 990px) {
    #shopify-section-template--16203124473930__multicolumn_tfJAkc .multicolumn-list.grid--6-col-desktop .grid__item {
        width: calc(8% - var(--grid-desktop-horizontal-spacing)* 5 / 6) !important;
        max-width: calc(8% - var(--grid-desktop-horizontal-spacing)* 5 / 6) !important;
    }
}

[IllIlIl1]

Hello, I have added it but nothing changed. Any ideas why?

[Sangeetanahar]

HELLO @IllIlIl1 

Go to online store ----> themes ----> actions ----> edit code ---->assets...>base.css

add the code bottom of the file

@media screen and (min-width: 990px) {
    #shopify-section-template--16203124473930__multicolumn_tfJAkc .multicolumn-list.grid--6-col-desktop .grid__item {
        width: calc(6% - var(--grid-desktop-horizontal-spacing)* 5 / 6) !important;
        max-width: calc(6% - var(--grid-desktop-horizontal-spacing)* 5 / 6) !important;
    }
}

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks

[goldi1]

Hello @IllIlIl1 

I looked at your website, you need to improve a lot.

1Go to online storethemes ----> actions ----> edit code ---->assets...>base.css

add the code bottom of the file

@media screen and (min-width: 990px) {
    #shopify-section-template--16203124473930__multicolumn_tfJAkc .multicolumn-list.grid--6-col-desktop .grid__item {
        width: calc(6% - var(--grid-desktop-horizontal-spacing)* 5 / 6) !important;
        max-width: calc(6% - var(--grid-desktop-horizontal-spacing)* 5 / 6) !important;
    }
}

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks