Reduce spaing between sections??

TaylorBristow
Tourist
5 0 5

Hi, can anyone help me reduce the spacing between these sections please?

www.walkeaze.uk

Screenshot 2024-06-01 211009.pngScreenshot 2024-06-01 211038.pngScreenshot 2024-06-01 211107.png

Replies 4 (4)

jeff-edmondson
Shopify Partner
5 0 0

Hi there!

 

You can click on each `Section` in the customizer and reduce both the `Top Padding` & `Bottom Padding` as seen in the screenshot below. If you wanted to reduce it even more you would have to add some customize CSS to your theme

 

jeffedmondson_0-1717278381246.png

 

devcoders
Shopify Partner
176 28 42

Hi @TaylorBristow 

Go to Online Store, then click on Themes, and select Customize.
Navigate to the section, then click on the section -> Remove top padding and bottom padding.

 

Screenshot :- https://prnt.sc/0bcLGU3RO107

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!
TaylorBristow
Tourist
5 0 5

Hi, thanks for your response.

 

When I go to remove/reduce the section padding, the options are only available under "Mobile Settings", which is fine but I would also like it for desktop. But actually when I adjust even the mobile section padding, nothing changes regardless of which way I move the slider.

 

I think this would be a custom CSS job, how can I go about finding how to do this? 

 

 

devcoders
Shopify Partner
176 28 42

Hi @TaylorBristow 

 

- Go to Online Store -> Theme -> Edit code.
- Find the file assets/base.css and paste the code below at the bottom of the file.

@media screen and (max-width: 767px){
    .m-section-my {
    margin: 0;
}
}

 

devcoders_0-1717330046914.png

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!