Formatting Price and Add to Cart Buttons

  • Resolved Carolyn Melo

    (@nubiesan)


    1 year, 1 month ago

    In the mobile view of my products, the Add to Cart Button and the Price are on the same line and the Add to Cart wraps around to the next line. I tried reducing the font size but it’s borderline unreadable for my audience, which is mostly senior citizens. I would also like the buttons to be centered under the product pictures. Are there any good alternatives to the YITH quick view button, which is not very nice looking.

    I am using the Astra theme

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • You can handle it with css @media. But your whole site has issues with responsive design. You should consider to get help from web-developers to geht everything running as it should.

    Plugin Support Zubair Zahid (woo-hc)

    (@doublezed2)

    Hello nubiesan,

    Thank you for contacting WooCommerce support.

    I understand that on mobile view, you’re facing layout issues with the ‘Add to Cart’ button and the price being on the same line, as well as wanting to center the buttons under the product pictures.

    To help me get a better understanding of the issue, could you please share some screenshots showing how the elements are currently displayed on mobile?

    You can use a tool like https://snipboard.io/ to share screenshots with us.

    Additionally, the URL you provided (https://staging13.uniquebabyquiltboutique.com/) appears to be inaccessible at the moment. Could you please check the link and provide the correct access if available?

    Since you are using the Astra theme, this might be a theme-specific styling issue. Have you had a chance to reach out to Astra support regarding these layout concerns? They might have specific guidelines or custom CSS that can easily address these modifications.

    Once I receive more information, I will be in a better position to assist you further. Looking forward to your response. ??

    Best regards.

    Thread Starter Carolyn Melo

    (@nubiesan)

    Thanks for the reply. It looks like something I did worked, since the buttons look ok.

    This is the address: https://uniquebabyquiltboutique.com/

    The issue had been on the pages with the items in a particular category, not the ones I manually entered

    Hi @nubiesan,

    It looks like something I did worked, since the buttons look ok.

    Glad to hear it – thanks for letting us know!

    I’ll mark this thread as resolved now.

    If you have any further questions, I recommend creating a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Formatting Price and Add to Cart Buttons’ is closed to new replies.