Dawn theme - space at top and bottom need removed

[amandaZ2020]

Hi 

On the bottom of both the desktop and mobile version of my pages there is an extra space at the bottom (See images).

and on the mobile version, an extra space at the top. 

Can anyone help me remove these please. 

Thanks

Amanda 

  

[theycallmemakka]

Hi @amandaZ2020 ,

Can you provide link to your store?

[amandaZ2020]

Sorry about that. 

https://www.krixcollection.com.au/

password: ontaub

[theycallmemakka]

Hi @amandaZ2020 ,

Please add below css to reduce the margin.

<style>
section#shopify-section-template--16540663513263__image_banner_X6FCkA {
    margin: 0px;
}
</style>

The spacing in the foote is because of the error on the code. Please wrap the below code inside <style>##code##here</style>

[amandaZ2020]

Hi @theycallmemakka 

Which code file do i need to go into please? 

[ProtoMan44]

@amandaZ2020  theme.liquid

[theycallmemakka]

Hi @amandaZ2020 ,

You can add that on theme.liquid just above </body>

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
  @media screen and (max-width: 767px){
    #shopify-section-template--16540663513263__image_banner_X6FCkA{
      margin-top: 0px !important;
    }
  }
</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[amandaZ2020]

Hi @PageFly-Noah - unfortunately, this did not work.

Thank you for trying.  

[PageFly-Noah]

Hi @amandaZ2020  I have check again the spacing removed, That Right ?

[amandaZ2020]

Yes thank you. I found another solution. 

[PageFly-Noah]

Oh, Great, Have a nice day 😉 !