A user is experiencing a layout issue on their Shopify product page after hiding the dynamic buy button. The ‘description’ collapsible section now overlaps the ‘Add to Cart’ button, as shown in before/after screenshots.
Current Status:
Suggested Solutions:
Next Steps:
Hello
I have hidden the dynamic buy button on my product page but the collapsible section called ‘description’ is now overlapping the add to cart button. How can I fix this please?
Before dynamic buy button is hidden;
After the button is hidden this issue happens;
How the sections look;
I ran into a similar issue before. In my case, it was a conflict between custom CSS and the dynamic buy button code. Try checking the z-index and padding for your collapsible sections. Also, inspecting the elements in Chrome DevTools helped me figure out what was overlapping. Hope this helps!
Whats the store url? @king166
Hey @king166,
Could you please share your store url along with password [if applicable] so that I can send you request for accessing the store and fix the issue regarding the dynamic checkout button.
Waiting to hear back from you.
Thanks
