Issue: The Shopify Inbox chat widget is overlapping the Buy button on product pages. The goal is to position the widget directly above the Buy button on product pages, while keeping it at the bottom-right on other pages (as seen on another site).
Context/details:
The poster shared their store URL (sawez.be) and storefront password (abc).
A comparison screenshot from another website shows the desired placement (above the Buy button on product pages).
On non-product pages, the widget should remain fixed at the bottom-right.
Request: Guidance on how to adjust the widget’s placement specifically on product pages to avoid overlap and match the example.
Media: The provided screenshot is central to understanding the current overlap and target layout.
Status: No solution provided yet; discussion open with no confirmed approach or steps shared.
Summarized with AI on December 15.
AI used: gpt-5.
Does anyone have any idea how to perhaps put this widget above the buy button on product pages? Right now it is overlapping it. I see on someone elses website it is right above the buy button on product pages but on any other pages it is at the absolute bottom right. See both screenshots next to each other in this one screenshot from someone elses website below.
on my store it overlaps the buy button on the product page , i dont want it to be there overlapping the buy button, i want it exactly like this website below, where it is on top of the buy button.
Thank you Dan, but I knew this already. I managed to find the code after a long time. So anyone reading in the future who has the same problem here is the solution, to paste at the end of base.css:
