Wishlist on mobile – html showing

  • Resolved macnmotion2

    (@macnmotion2)


    4 years, 3 months ago

    This only happens on mobile. Using chrome. Can also be seen when inspecting on desktop and displaying as mobile.

    On this page: https://ec2-52-77-223-14.ap-southeast-1.compute.amazonaws.com/

    I am seeing html code associated with the wishlist icon when viewing on mobile:

    <span class=”ts-tooltip button-tooltip”>Wishlist</span>

    Also on the desktop version in chrome, the wishlist icon does not align properly with the compare icon and add to cart button. You can see this by hovering over any product on that same page.

    On another version of the same website that does not have the shopping cart turned on, neither of these problems occur. You can see this at: https://www.satirathai.com/

    I appreciate help in solving these two issues with wishlist.

    • This topic was modified 4 years, 3 months ago by macnmotion2.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author YITHEMES

    (@yithemes)

    Hi there

    This seems like a problem with your theme’s customization
    I suggest you to talk with theme developers, to see if this could be solved within next release (they probably used a filter to change wishlist label, introducing some HTML where our plugin only admits plain text)

    Anyway, maybe you could also consider to add this CSS rules to Additional CSS section of your theme customizer (WP Dashboard -> Appearance -> Customize), for a quick solution

    .products .product .yith-wcwl-add-to-wishlist a.add_to_wishlist {
    font-size: 0;
}

.products .product .yith-wcwl-add-to-wishlist a.add_to_wishlist:before {
    font-size: 14px;
    padding: 0 13px;
}

.products .product .yith-wcwl-add-to-wishlist .ajax-loading {
    display: none;
}

    Here my final result

    Thread Starter macnmotion2

    (@macnmotion2)

    Thanks, I’ll give this a go in the morning.

    Thread Starter macnmotion2

    (@macnmotion2)

    Your temporary solution does indeed remove the problem, at the expense of some beauty on mobile. I’ll contact the theme author for further assistance. Thanks again.

    • This reply was modified 4 years, 3 months ago by macnmotion2.
    Plugin Author YITHEMES

    (@yithemes)

    You’re welcome

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Wishlist on mobile – html showing’ is closed to new replies.