How to put shopify inbox widget above buy button on product page?

Ask & Offer
1

Hey everyone,

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.

My store: sawez.be

store pass: abc

image

image927Ă—882 147 KB

3

Shopify Inbox settings has option to change Vertical Position, please select Highest

Screenshot 2025-12-16 at 08.50.46
Screenshot 2025-12-16 at 08.50.46978Ă—1840 98.3 KB

4

If you have problems with Shopify chat button, there is a way to hide it and use other buttons/links to trigger the chat window.
Check

5

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:

@media (max-width: 820px) {

inbox-online-store-chat {

transform: scale(0.8) translateY(15px) translateX(15px);

z-index: 10 !important;

}

}

@media (max-width: 820px) {

body:has(.product, .product__info-wrapper, .product-form) inbox-online-store-chat {

transform: scale(0.8) translateY(-55px) translateX(15px) !important;

z-index: 10 !important;

}

}

6

Thank you Tim, but this is not what I want. I already found the solution to my problem. Please see my reply above to Dan.