How can I reduce spacing between sections in mobile view?

Site URL: https://purple-apricots-8amn.squarespace.com/config/settings

Hi,

I added below coding to custom css to reduce spacing between sections but it seems like it only reducing desktop view and I see still large gap between sections from mobile view. How can I also reduce gap between sections in mobile view?

Thanks!

password is youngsim79

#page section .content-wrapper {
    padding-bottom: 8px !important;}

#page section .content-wrapper {
    padding-top: 8px !important;}

Hi,

Which page are you referring to?

I don't see it on homepage/project page

Hello,
I'm having a similar issue with reducing space between a hero banner with a video and the section below it. This issue is only happening on mobile, but wanted to see if I could get some help reducing some of this space. Thanks.

https://www.jfergusoncreative.com/

I am having the same issue can someone help

On 3/22/2023 at 1:36 AM, jfergusoncreative said:

Hello,
I'm having a similar issue with reducing space between a hero banner with a video and the section below it. This issue is only happening on mobile, but wanted to see if I could get some help reducing some of this space. Thanks.

https://www.jfergusoncreative.com/

You have this code in Page Header or in Code Injection. It will affect on all First Section on All Pages