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.

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
16372 2440 3187

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

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

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