Hi

Thanks for contacting us. Use this CSS in your custom.css file

@media (max-width: 767px){
#sp-header.celestia-header.header-sticky {
    height: 150px;
}
}

-Regards.

Hi think you miss understanding, im looking to reduce the padding for that area, is there a way to reduce the padding amount to push it up the page slightly? This is for both PC / Mobile devcies,

The content in the sticky heading on PC needs to be pushed up a bit. The content on mobile sticky heading needs to be pushed up

Hi

Use this CSS in your custom.css file

.sp-page-builder .page-content #section-id-6faea376-13cc-4ad8-8014-c5db18fbac87{
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

Thanks that seems to have helped for the mobile devices but for the PC the sticky header the content is pushed beyond.

Please see screenshot in private section

Hi,

Sorry for this inconvenience. Please delete my previous CSS and use this one.

@media (max-width: 767px){
.sp-page-builder .page-content #section-id-6faea376-13cc-4ad8-8014-c5db18fbac87{
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
}