Placing the wishlist icon to the right corner of the product

Hi Nora

First of all, I’d like to point out that the solution that I’m going to suggest isn’t optimal, since it will require positioning ATW button relative to the left of the containing <li>, while it would be way better to create a container that wraps up just ATW button and product image, and position button on the right of that container (this would automatically work both for list and grid view)

Anyway, without changing any template, I think that you can solve your problem with some additional CSS rules, like the following one

@media only screen and (min-width: 768px) {
    .list .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
        left: 280px;
    }
}

As you can see, this changes placement of ATW button in “list” mode only
Of course you’ll need equivalent rules for all the other media-queries

• This reply was modified 3 years, 11 months ago by YITHEMES.

Hi,

I guess the other solution would probably be a better practice, but the css code worked just as well. ?? Thank you!

Nora

You’re welcome Nora ??

If you enjoy our plugin, don’t forget to leave us a 5 star review, to support us and help our work
Thank you!