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

Solved
theplantchica
Tourist
12 1 6

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!

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
25061 2508 9071

This is an 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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 5 (5)
KetanKumar
Shopify Partner
25061 2508 9071

This is an 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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
25061 2508 9071

@theplantchica 

Thanks for update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Nikitass
Excursionist
16 0 6

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

 

 

Nikitass_0-1635246719260.png

 

KetanKumar
Shopify Partner
25061 2508 9071

@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?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing