Adjust widget margins on mobile view

hi team,

I had to set up some widgets with specific margins on my site and they look good on desktop view. Is there any code to adjust widget margins on mobile view? I’ve attached some pictures below to show the awkward gaps I would like to fix.

thanks

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 780px) {
      #pg-20-1 > .panel-row-style {
        padding-bottom: 0 !important;
      }  
      #pgc-20-5-0 > .so-panel {
        margin-top: 0 !important;
      }
    }

Regards,
Kharis

Kharis,

the second attached photo was fixed, thank you.
but the first one pictured below still has that gap.

…?

Is there a way to fix it?

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 780px) {
      #pgc-20-1-1 > .so-panel {
        margin-top: 0 !important;
      }
    }

Regards,
Kharis