editorweebly

Excessive spacing on a Weebly section

My website on Weebly is divided into sections. But the gap between these two sections is unnecessarily large, and I can find no way to reduce it. Can someone please help me to reduce the padding and to close the gap? See the attached pictures for visuals. mobile desktop

No visible help from Weebly - I can't shrink the size of the Section

Solution

  • In the design of the Theme, there is the following CSS.

    @media screen and (max-width: 1024px) {
  .main-wrap .container { padding: 30px 20px; }
}

    If you would like to alter the padding for the container you can either customize the Theme by editing the CSS file - line 269 and or simply add the following to your Settings > SEO > Header Section.

    <style>
    @media screen and (max-width: 1024px) {
      .main-wrap .container { padding: 10px 20px; }
    }
</style>

    Note: a change from 30px to 10px should be sufficient. Make sure to save and publish your changes.. and refresh your browser so you see the published changes.