Mobile Site Remove Header Padding

Site URL: https://www.laineylee.com/

Hello,

I'm trying to reduce the header padding under my site title for mobile only, so that my content is less vertically spaced on screen. Any help would be appreciated!

Thank you

14 hours ago, Leeloo77 said:

Hello,

I'm trying to reduce the header padding under my site title for mobile only, so that my content is less vertically spaced on screen. Any help would be appreciated!

Hey @Leeloo77 try to add next code in custom CSS:

@media only screen and (max-width: 750px) {
  #header {
    margin-bottom: 0;
  }

  #logo a {
    display: block;
  }

  .extra-wrapper.page-header .sqs-layout .sqs-row:first-child [class*="sqs-col"] .sqs-block:first-child,
  .extra-wrapper.page-header .sqs-layout.editing {
    margin-top: 0;
  }
}

Thank you @SquareRefresh that worked perfectly!

On 2/16/2022 at 3:54 AM, Leeloo77 said:

Thank you @SquareRefresh that worked perfectly!

Always happy to help!