Bug Product Archive in Mobile View

Hello,

Can you please share the WP admin login details of your site so I will check and solve the issue.

Best Regards.

Hello,

Sorry to say but your WoodMart Theme and WoodMart Core plugin aren’t updated to the latest version. The latest version of the Theme running is 7.0.4 and the Core version running is 1.0.35.

Can you please once try to update your WoodMart theme and Core plugin to the latest version by following the given Theme’s Documentation link: https://xtemos.com/docs-topic/update-the-theme/ and then check back the issue again on your Site?

Best Regards

Hello,

The Quick style is an overlap style which is why the action button items adjustment is a bit different for the Mobile view, so we have applied the following Custom CSS on your Site in this regard to make the Add to Cart icon appear for the Mobile view:

.wd-quantity-overlap div.quantity:not(.hidden)+.button:before {
left: -1em !important;
}

Location to iCustom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile >> there at the bottom you will find the CSS applied.

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

Best Regards

Hello,

Please try the following CSS for the Width concern:

.wd-hover-quick.wd-quantity-overlap .wd-add-btn .product_type_simple { width: 170px !important; }

Also, change the value of left in the previous CSS to left: -2em.

This CSS also needs to be pasted in the same location as for the earlier CSS.

Best Regards

Hello,

Really sorry for the delay in the response due to the weekend !

It seems that you have changed the Site Domain because the earlier is now not working.

So, now the original Domain without the wp-content is working right now on your Site. On which we have checked the Buttons for the Mobile view.

The CSS was right, it’s just that you need to increase the value of the width defined in it:

.wd-hover-quick.wd-quantity-overlap .wd-add-btn .product_type_simple { width: 180px !important; }

Also, please use this Custom CSS too at the same place:

.wd-hover-quick .wd-add-btn .add-to-cart-loop { width: auto !important; }

Location to paste the Custom CSS is the same as told earlier under the Custom CSS for mobile.

Best Regards

Hello,

Sorry to hear about the inconvenience. 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,

We have sent the response to this thread: https://xtemos.com/forums/topic/how-to-get-a-css-hook-on-added-products/

Let us know if you have any questions.

Best Regards

If you have any questions please feel free to contact us.

Best Regards