Cart drawer covered

Solved

Cart drawer covered

Daniel19901
Shopify Partner
251 0 68

Hi, 
for some reason my cart drawer is always covered by my chatbot, also for mobile and it makes the checkout look bad. Can anyone please help? 


Store: https://mobiledoggear.com/

I tried this:
.sidebar--opened .sidebar__container {
position: relative; 
z-index: 1000; 
}

and then this:
.site-cart-sidebar {
position: relative;
z-index: 9999 !important;
}

but they didn't work 😞

Daniel19901_0-1717572735408.png

 

Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
2305 834 906

This is an accepted solution.

Hi @Daniel19901
Pls insert this code to your file css: 

body:has(.sidebar--opened) #ShopifyChat {
    z-index: -1 !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 3 (3)

GTLOfficial
Shopify Partner
630 137 125

@Daniel19901Please let me know where do you prefer this chatbot to be shown in checkout.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

BSSCommerce-B2B
Shopify Partner
1969 564 566

 

Hi,

Could you please provide more details about your needs? There are two possible ways to address this:

  1. Hide the chatbot during the checkout or add-to-cart steps.
  2. Move the chatbot to a different position to show the cart drawer.

Once we understand your needs better, we can suggest a solution if possible.

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

BSSCommerce-HDL
Shopify Partner
2305 834 906

This is an accepted solution.

Hi @Daniel19901
Pls insert this code to your file css: 

body:has(.sidebar--opened) #ShopifyChat {
    z-index: -1 !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now