Cart Icon

Hello, cart icon is not showing on mobile version: https://prnt.sc/NCVY4aPG_KLB

Hello,

Regarding your concern, sorry to say but your Site is currently on Maintenance mode so we are unable to view the concerned issue.

Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check these concerns on your Site and help you out accordingly.

Best Regards.

Hello, please check the private content

Hello, any update please?

Hello,

Actually, in certain Product styles selected for the Products, for the Mobile view, the Cart Icon and text hide behind the quantity input. So, you can try using the following Custom CSS on your Site and paste it under the Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for the mobile section:

.wd-hover-quick.wd-quantity-overlap .wd-add-btn .product_type_simple:before {
   left: -2em !important;
}

Hope this works out for you !

Best Regards

Hello, thanks for your update, now web version become left aligned, can you send me code for mobile version?
https://prnt.sc/Yba_EOwmgCwZ

2. Also can I hide the quantity selector for the mobile version only? But need this for web version

Thanks

Hello,

1- Sorry to say but our sent CSS was only for the Mobile view and it is only applicable to Mobile view too. We have again applied our earlier sent CSS on your Site and it affects only the Mobile view: https://snipboard.io/DYGXCe.jpg

2- There isn’t a specific option for this under the Theme for Mobile view. So, we have applied the following Custom CSS on your Site to hide the Quantity selector for the Mobile view:

.wd-hover-quick .wd-add-btn div.quantity {
    display: none !important;
}

And now it previews like this for the Mobile view: https://snipboard.io/1HOIGi.jpg

Please check back your Site after completely clearing the browser and server cache.

Best Regards

Hello, thank you for your kind reply.

1. I was asking, when we hover over the cart button the cart icon aligned left: https://prnt.sc/Yba_EOwmgCwZ
after putting the code. as you didn’t hover it so not able to understand my question. https://prnt.sc/noGg6i_9ItSc

Thank you

Hello,

We have already checked with the Hover too, the Add to Cart button was appearing fine for the Desktop: https://snipboard.io/wRd6oH.jpg

And for the Mobile view, we have set the hover and without hover state the same which looks good without quantity selector: https://snipboard.io/BW637X.jpg

Please check back your Site after completely clearing the browser and server cache.

Best Regards

Hello, thanks for your help, yes, now it’s fine in mobile.
But facing issue on the tab: https://prnt.sc/hyPxfzModlSq
No add to cart is showing, can you please help?

also 2> How can we move the “scroll to top” button to the left site for all devices?
By putting the chat icon the scroll to the top button became disappeared https://prnt.sc/uicBcwsI6b-H.

Thank you.

Hello,

1- Please try using the below detailed Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for tablet section:

.wd-hover-quick .wd-add-btn div.quantity {
    display: none !important;
}

.wd-hover-quick.wd-quantity-overlap .wd-add-btn .product_type_simple:before {
  left: 0 !important;
}

.wd-hover-quick .wd-add-btn .add-to-cart-loop span {
    display: block !important;
}

.wd-add-btn-replace .add-to-cart-loop:hover span {
    transform: translateY(70%) translateZ(0) !important;
    padding: 0 !important;
}

.wd-hover-quick.wd-quantity-overlap .wd-add-btn .product_type_simple {
    padding-left: 4em !important;
    padding-right: 1em !important;
    width: 100% !important;
}

2- To make the Scroll to Top on the left most of the screen, please try using the following Custom CSS on your Site under the Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.scrollToTop.button-show {
    left: 1em !important;
    right: auto !important;
}

Hope this works out for you !

Best Regards

Hello, now it’s looking fine on tab too, but facing issue when the product type if variable, please check: https://prnt.sc/HH_YdfMjsGqv

Hello,

Actually, the Add to Cart and Select Options both are basically the Add to Cart buttons with a slight text and functionality change difference because of the Simple and Variable Product types, which is why our applied CSS is working on both of them.

After thorough checking, we have come to find a specific class for the Select Options button so could you please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Hello, will you please check, if the text is aligned to the top instead of the middle when tabbing or mobile view: https://prnt.sc/a3ouZTPvroN5

also, an issue when we have a variable product. https://prnt.sc/l6STy1vD2h1G

Ive give you the login access to the private chat.
Thanks

Hello,

The Add to Cart button text alignment adjustment for the Mobile and Tablet views has been updated on your Site.

Right now, as we have checked on your shared Site there isn’t any Out of Stock or Variable Product present so we are unable to check that issue. Otherwise, all others are appearing fine.

Please check back your Site after completely clearing the browser and server cache.

Best Regards

Hello, thanks for your reply, please check this: https://prnt.sc/epZclpbzI7Xs
As we don’t have any variable product on this website so I’m sending my other website’s issue.
I’ve shared the login access to the private browser.
I’ve copied all the styles from the previous website and purchased a new license for this.

Thanks

Hello,

The mentioned issue is now adjusted on your Site with the help of Custom CSS being applied.

Please check back your Site after completely clearing the browser and server cache.

Best Regards

[Author]

Posts