Add to Wishlist Text In Odd Spot Below Icon on Mobile

[cori_tmc]

I’ve attached a screenshot of the mobile view of one of our product pages. I think the “Add to Wishlist” text is in an odd spot below the Add to Wishlist button. Is there a way to position the Add to Wishlist text next to the wishlist icon inside the button just like the Add to Cart button? But only on mobile devices? If not, do you have another suggestion for a solution to the way the text displays strangely?

Thank you!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

The text should not show, please add this:

@media only screen and (max-width: 479px) {
a.add_to_wishlist {
    display: none;
}
}

[cori_tmc]

Thank you for your help. It looks like that partially worked, however the text still shows up when I turn my phone in landscape position, or when I view the site on a tablet. I’ve attached screenshots.

Thank you very much.

Attachments:

You must be logged in to view attached files.

[cori_tmc]

Please disregard this. I believe I had some contradicting css causing the issue, and I don’t seem to be having the issue any longer.

Thanks!

[Mohammad – SUPPORT]

Hi,
I am glad 🙂 that issue has been resolved.
Thanks
Mohammad