Individual Product Page Help - Photo and Description Overlap Navigation - Debut Theme

[theplantchica]

Hello all,

I changed my navigation on the Debut theme to be transparent, so I have had to readjust some things that were causing weird overlaps with the navigation. My single product pages are the next issue that I need to solve.

https://theplantchica.myshopify.com/collections/online-shop/products/aglaonema-first-diamond-chinese...

Pass: plantbased

How can I bump the photo and description down on all single product pages to avoid this weird overlap?

Thanks in advance for any help!

[KetanKumar · Accepted solution]

Hello, @theplantchica 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-product .site-header {position: relative;}

[theplantchica]

Thanks @KetanKumar! That worked great.

[KetanKumar]

@theplantchica 

Thanks for update

[Nikitass]

Hello,

I am having a similar product description overlap issue in Brooklyn theme

Is there a solution?

Store link https://rsrbyritirahulshah.com/

Product link  https://rsrbyritirahulshah.com/collections/rsr-celebrities/products/janhvi-kapoor-in-icon-co-ord-set

[KetanKumar]

@Nikitass 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?