spacing issue

[sagarweb]

whenever we open this page, it opens properly but when this page is refreshed, this upper part of the page goes behind the header.

[sagarweb]

https://intelliplay.in/pages/intelliplay-smart-exchange-offer 

@Mustafa_Ali 

[Mustafa_Ali · Accepted solution]

<style>
@media screen and (min-width: 768px) {
div#shopify-section-sections--18168767086770__header {
    margin-bottom: -72px !important;
}
}
</style>

hey @sagarweb try this one 

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body> ----->
if this code work please do not forget to like and mark it solution

[Moeed]

Hey @sagarweb 

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 </body> tag

<style>
section#m-hero-section-template--18247920386226__image_with_text_2_awQYUK {
    padding-top: 50px !important;
}
</style>

RESULT:

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[GTLOfficial]

Hello @sagarweb 
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

#m-hero-section-template--18247920386226__image_with_text_2_awQYUK {
margin-top: 7.7rem !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks