Need help with spacing on mobile, Avenue theme 7.0

How do I decrease the spacing at the top and bottom of the line? It's perfect on the desktop version, but spacing is excessive on mobile.   Thanks.

Can you share your website URL and page this is on?

Sure, it's right here:   bit.ly/3VhEHuo

It's actually the same on top of all of the pages, and the spacing is also larger throughout the site on mobile

Try adding this to your Custom CSS:

.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: 0px;
}
@media only screen and (max-width:749px) {
  #page {
    padding: 0px 0;
  }
}

Hope that helps the spacing for you!

9 hours ago, Ziggy said:

Try adding this to your Custom CSS:

.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: 0px;
}
@media only screen and (max-width:749px) {
  #page {
    padding: 0px 0;
  }
}

Hope that helps the spacing for you!

It helped, but still more than I'd like to be there.  Is there a better way to control this? Thank you!

The remaining gap is coming from the line block, which has 17px spacing above and below the line, and an additional 17px above and below which is the standard block padding. There's not a better way to control this than using CSS.