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]

• 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 and press ‘Save’ to save it

• 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

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

[Sewdollette]

Does this code work for all sections or just header? I’m trying to do the same thing but it’s not my header I added an image on header and added a slideshow under and there’s space between the sections I want to add an image behind my slideshow and reduce sections do you have help for both? Pls! Thank you