How do I decrease the space between two sections even when there's no padding

[lukafernada]

I would like to decrease the space here on my home screen, just for mobile view:

[BSSCommerce-B2B]

Hi @lukafernada , 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

slider-component.slider-mobile-gutter.slider-component-desktop.scroll-trigger.animate--slide-in {
    margin-bottom: -30px !important;
}

IN this step, you can change the value of margin-bottom as you want to decrease the space. 

In my example, I choose -30px

Step 3: Save and reload home page.

=>> The result: 

I hope thse instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @lukafernada 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
@media only screen and (max-width: 600px) {
section#shopify-section-template--20584607220061__d3b96308-edf5-416e-8b72-5e268477c7ba {
    margin-top: -40px !important;
}
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi @lukafernada  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
slider-component.slider-mobile-gutter.slider-component-desktop {
    margin-bottom: -24px !important;
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly