Too much space between mobile header and content

Every time I try to fix my mobile header to have less space between the header menu and content it alters my site and it looks awful. There is way too much space that I can’t get rid of. My site is www.mamaneedscake.com. I’ve searched around and tried quite a few css codes with no luck.

Hello there,

I inspected your site and found that the spaces are coming from an empty editor widget placed at the top of the row. You can remove it in the editing panel of that page.

Regards,
Kharis

That worked! However, now on my desktop site it puts my content up to the very top and my header and menu cover it.

Hello there,

The header area only overlays when sticky header is active. To down the main content area on desktop screen, add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .page-wrap {
        margin-top: 300px;
      }
    }

Now you don’t need to manually add spaces with editor widget.

Regards,
Kharis

That worked! Thank you for all your help.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis