Join us for an upcoming Shopify Partner webinar on February 27, 2024. Discover the latest Checkout Extensibility features, and deep dive on improvements to Shopify Functions and Web Pixels. Register now for either the 10am EST or 2pm EST sessions.

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
15741 2354 3057

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