What's your biggest current challenge? Have your say in Community Polls along the right column.
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Re: Shopify Ping Icon Too Big!

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
16116 2410 3126

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 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

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