Strange Brooklyn Theme "product single panel wrapper" Bug

LushCosplay
New Member
2 0 0

So recently I've attempted to move the product description from the side panel to the bottom. This seems to mess up the side panel for some reason. Does anyone know how to fix this? I feel like it's a simple z-index or positioning issue but can't find the css file to fix it... Anyone willing to help?

 

the panel overlaps my sticky header (z-index issue)the panel overlaps my sticky header (z-index issue)strange product single meta wrapper issuestrange product single meta wrapper issueworks fine in mobileworks fine in mobile

0 Likes

Hello @LushCosplay,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.header-wrapper {
	z-index: 99 !important;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
benchmarkbp
New Member
1 0 0

This is actually an issue of the ScrollToFixed feature.  Solution is here:

 

https://community.shopify.com/c/Shopify-Design/Disable-ScrollToFixed-Brooklyn-Theme/td-p/420387

0 Likes