Product photo overlapping header on mobile

I’m using the brooklyn theme and I have an issue where the product image and product title are being overlapped by the header. It appears there’s no spacing between the header and the product page content so it’s sitting underneath it. I was having this issue globally across mobile and then I added the following code and it fixed it across every page BUT the individual product pages.

article header .section-header}

margin-top: 125px

}

Please help!

@AmieC2022 Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

Hello @AmieC2022

you can provide url site, I’ll check it for you

or you can contact with me, I’ll help you check it

thank you.