Shopify Ping Icon Too Big!

Shopify Partner
1 0 0

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.

Replies 3 (3)

Shopify Partner
15854 2371 3074

Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

3 0 1

I am facing the same issue. If you found a solution please share. 

1 0 0

Hi Shopify's Friends, 

For the Z-Index use the css #id and set your zindex value like this:

	z-index:99999999 !important;

	z-index:99999999 !important;



Daniele Gilio
CEO @ Tadan.Agency