Shopify Ping Icon Too Big!

Youry
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)
oscprofessional
Shopify Partner
11582 1812 2317

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Aayush1
Tourist
3 0 1

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

DanieleGilio
New Member
1 0 0

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