Dedicated to the Hydrogen framework, headless commerce, and building custom storefronts using the Storefront API.
Do you guys have any CSS to shrink the Shopify Ping (Shopify chat) button on the storefront! It's too big. Normally I could do it alone but every time I target it, it doesn't change. I even wanna change the Z-index (i want to appear behind my cart drawer). Any chance I could get the exact element to target with my CSS codes?
N.B: Please try it on a storefront before sending it to me to see if it work, because I've personally tried them all.
Thank you.
Hello Youry,
Please share your site url.
So that i can check and provide you exact solution here.
I am facing the same issue. If you found a solution please share.
Hi Shopify's Friends,
For the Z-Index use the css #id and set your zindex value like this:
#shopify-chat{
z-index:99999999 !important;
}
#ShopifyChat{
z-index:99999999 !important;
}
Bye!
--------------------
Daniele Gilio
CEO @ Tadan.Agency