mobile align

Hi there,

the CSS that the wishlist plugin is generating is not good.
Do you have any custom CSS related to that button ? If so can you remove that and i can take a look at some CSS to get them aligned.

yeah this is my css

.woocommerce ul.products .tinv-wraper.tinv-wishlist {
border: 1px solid #FCD9DA;
border-radius: 4px;
display: inline-block;
height: 36px;
line-height: 34px;
text-align: center;
width: 37px;

}

.woocommerce ul.products .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button {
margin: 0!important; }

@media (max-width: 575.98px) {
.woocommerce ul.products .tinv-wraper.tinv-wishlist {

height: 30px;
line-height: 26px;
width: 30px;
align-items: center;
} }

Hi Tolis,

Try this CSS:

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
    width: 100%;
    height: 100%;
}

thanks it worked ;)

No problem :)