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
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: pallavi@oscprofessionals.com | 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

Aayush1
Tourist
3 0 1

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

DanieleGilio
Visitor
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