How to set smaller pattings between header and text area on moble view

Hi There,

There are so much gap between the header image and text when I view it on my mobile.
please let me know how to close the gap or padding?

regards, J

Hello there,

To remove the top/bottom padding of the content area, you can add the following CSS code into your site’s additional CSS option that resides under Appearance > Customize > Additional CSS.

@media only screen and (max-width:991px) {
  .page-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;