How can I fix a sticky header that's obscuring product information?

Store Design
1

Hi. I used code to create a sticky header on the homepage, but it seems to be creating issues on the product pages (covering the heading and info). I’ve attached a screenshot.

Does anyone have any advice how this could be fixed?

https://roundandroundthegarden.myshopify.com/admin/themes/101570740390/editor?previewPath=%2Fcollections%2Fjumpers%2Fproducts%2Fbonds-kids-toddler-size-2-red-polar-fleece-henley-collar-pullover-jumper-vguc

Thanks!

2

Hello @tahliamotteram , your Shopify store is password protected. Kindly provide me the password.

3

Thanks so much the password is ohstay

4

Hi @tahliamotteram

Follow this

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file
.template-product .main-content{    padding-top: 150px;}
5

Thank you so much! That worked :slightly_smiling_face: