New Landing How can we help? Atelier Add to Wishlist Text In Odd Spot Below Icon on Mobile

Viewing 5 posts - 1 through 5 (of 5 total)
  • Posted in: Atelier
  • #283053
    cori_tmc
    Member
    Post count: 50

    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.
    #283397
    David Martin – Support
    Moderator
    Post count: 20834

    The text should not show, please add this:

    @media only screen and (max-width: 479px) {
    a.add_to_wishlist {
        display: none;
    }
    }
    #283487
    cori_tmc
    Member
    Post count: 50

    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.
    #283783
    cori_tmc
    Member
    Post count: 50

    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!

    #283906
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register