white space

Store Design
,
1

how do i reduce the white space in bewteen sections only horisontally

this is my store url www.sourcedinuk.com

2

@ti71 please add this css to the very end of your theme.css file and check, adjust number as per the need.

Shopify Admin → Online Store ->Theme → Edit code → theme.css

@media only screen and (min-width: 769px) {
    .index-section {margin: 25px 0;}
}
3

Hi @ti71 ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media only screen and (min-width: 769px) {
    .index-section {
        margin: 20px 0 !important; /* Adds 20px margin on top and bottom */
    }
}
4

Thank you

how do i do this for mobile as well

5

@ti71 - if you want for both, then need to remove media query lines from above css , so it becomes

.index-section {margin: 25px 0 !important;}