Why is the top of my pages being cut off by the header?

[JenaPatel]

Hello,

The top of my pages are being cut off by the header. It's happening on almost all of my pages, as well as the shopping cart. 

[Made4uo-Ribe]

Hi @JenaPatel 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

[JenaPatel]

samsaraco.com

Thank you!

[Made4uo-Ribe · Accepted solution]

Thanks for the info, it seems like your aiming something for the banner image. That affect other pages. Do you like to make the header transparent? i just add the margin so it wont be cut. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

main#MainContent {
    margin-top: 112px;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[JenaPatel]

That worked thank you so much!