Move ADD TO FAVORITE icon on tablet

Hi team,

We are having a small issue with this particular website:

https://mgconcept.cidevconcept.com/

On the tablet view, there is the small heart icon on each product, overlapping some other labels.

Please see screenshot attached.

Are you please able to provide a CSS code that won’t mess up the other devices and that will move the tiny heart icon from right to left? (The left hand-side of the product)

TIA

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS in the Custom CSS for tablet area under Theme Settings >> Custom CSS.

.wd-buttons.wd-pos-r-t {
    right: auto;
    left: 10px;
}

Best Regards

Hi,

Yes, the icon has moved but the background of the icon has stretched, please see attachment.

Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the previous Custom CSS with the following then check back.

.wd-buttons.wd-pos-r-t {
    right: auto;
    left: 10px;
    position: absolute;
}

Best Regards

Hello again,

Thank you for looking into it!

I have replaced the previous Custom CSS with the one you gave me but unfortunately there’s no change, the icon went back on the right hand-side of the product.

I appreciate your help!

Hello,

Your issue has been Resolved. Please clear cache and check back.

Best Regards

Hello,

Indeed, thank you!

Best Regards

Hello,

We are thrilled that you loved your experience with XTEMOS,We put customer experience and satisfaction as our priority, and your words reaffirms the hard work we put in every day. So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts