Fix the meta field scroll in Product Description

[devnoob]

URL:
Theme: Dawn

Password: pex100

Hi All,

I have applied sticky scroll to the product description of my Product details page:

It is working fine, however, the problem comes in when I the meta field dropdown is expanded:
 

As you can see, the meta field section doesn't scroll and the Size Guide field is completely missing.

Ideally, I would want the meta fields to move the Product info above and make space for itself when expanded.

any thoughts?

[Michael_Pink]

Hi @devnoob 
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.product .product__info-wrapper {
max-height: unset;
}

[devnoob]

Hi Michael, many thanks for getting back. 

This works perfectly when 1 metafield is open. When I open both, then it kind of breaks as shown:

notice that both dropdowns have been expanded but only 1 is fully visible. 

[devnoob]

any thoughts @Michael_Pink ?

[devnoob]

URL: https://reason-for-being.store/products/elle-oversized-blazer

[Michael_Pink]

replace the code with this:

.product .product__info-wrapper {
max-height: unset;
}

[PaulNewton]

If the sticky is a built in feature and the other areas have not been customized either ,   then report the bug to shopify support.

If the sticky is a customization you added to the theme then the relevant code needs to update itself when the content heights change.

Most sane sticky libraries have some event/function for this but you'll have to figure it out the triggers as most collapsible or other UI blocks don't emit events by design.

If you need this debugged , or customization, then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.