Remove white space between header and content

Store Design
1

Hello,

I need help removing some white space. It is between header and main content on homepage. I tried many solutions but didn’t find the fix yet. The space is too big on mobile.

Screenshot: https://snipboard.io/4XOIzJ.jpg

Could you help me with that?

Store url: designsfordivine.com

Any help is much appreciated

2

Hey @omero

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1692363441452.png
Moeed_0-1692363441452.png291×522 133 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hello @omero

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
@media screen and (max-width: 989px){
.section-template--19358372692295__b8a545bf-cf41-478f-93ad-6d8ce8b95ce8-padding {
margin-top: 0px!important;
}
}

ZestardTech_0-1692364156549.png
ZestardTech_0-1692364156549.png1005×916 381 KB

4

Hey, is there a way to make it work for desktop too ?