Top of widget is cut off and can't seem to find a way to fix it in CSS

Site URL: https://www.inchicshape.com/getshopping

Hi! Long story short- my friends website was through shopkeep. She hated it and wanted something new created with an old blog account she had via squarespace. I made a very pretty website, but we were unable to ever get the inventory to coincide and use her shopkeep POS in store and her squarespace SO we had to resort to use a widget that was from her shopkeep store on the squarespace page. That is where the link will take you. We had separated everything into many different categories and now it is in one barbaric clump BUT my bigggest issue is that the content of the widget is cut off, barbaric or not. I have tried adjusting different sizes of things but no matter what is is still like that. I don't even care so much on the shopping landing page, but the fact that when you click on an item you can't see everything is the issue. I used the exact CSS that was given on the shopkeep site and neither Shopkeep or Squarespace say they can help, so reaching out here. Thanks so much! 

 

1 hour ago, Shoppe13 said:

My biggest issue is that the content of the widget is cut off. I have tried adjusting different sizes of things but no matter what is is still like that. I don't even care so much on the shopping landing page, but the fact that when you click on an item you can't see everything is the issue.

Hi

This happens because the embedded ShopKeep/Ecwid store sits behind the header, so it hides some of the page.

You should be able to fix this by going to Design > Custom CSS on the Squarespace site and adding the following:

body#ecwid_body {
  margin-top: 176px;
}

After you save and refresh the page, it should look like this:

 If this helps you, please click "Like" below  ⬇️