How can I reduce top or bottom padding for mobile view?

[thomasmrgn99]

Hi,

I have these two sections on my home page (mobile view only).

The gap between them is too big, would really appreciate some help reducing either the Bottom padding of the top block / or the Top padding of the bottom block. Just so there is less white gap. And only applies to mobile view.

Thanks in advance!!

[dmwwebartisan]

@thomasmrgn99

Please share your store URL.

Thanks!

[thomasmrgn99]

Sorry!

It’s pawcopets.co.uk

Thank you

@dmwwebartisan

[dmwwebartisan]

@thomasmrgn99

1. In your Shopify Admin go to: online store > themes > actions > edit code

2. Find Asset > theme.scss.liquid and paste this at the bottom of the file.

@media screen and (max-width: 769px) {
#section-template--14986905157840__16327664835c50fb0b .box { padding-bottom: 0px !important;}
}

Thanks!

[thomasmrgn99]

@dmwwebartisan Amazing thanks! Could you help reduce the top padding for the other block as well please? It needs a bit more

[dmwwebartisan]

@thomasmrgn99

Thanks! Welcome Again.

[thomasmrgn99]

@dmwwebartisan Sorry could you also giving me the code to reduce the top padding for the other block as well please? It needs a bit more

Thanks!

[dmwwebartisan]

@thomasmrgn99

Please share screenshot i will check and send the solution for you.

Thanks!

[thomasmrgn99]

@dmwwebartisan Hi Just to lower the top padding of this section

Thanks

[dmwwebartisan]

@thomasmrgn99

1. In your Shopify Admin go to: online store > themes > actions > edit code

2. Find Asset > theme.scss.liquid and paste this at the bottom of the file.

@media screen and (max-width: 769px) {
#shopify-section-template--14986905157840__1632766283f4efc4e6 .box { padding-top: 0px !important;}
}