Can I make Product Page "add to cart" and "select options" buttons responsive? (2 posts)

  1. QueenIdella
    Posted 3 years ago #

    Is it possible to make the "Add To Cart" and "Select Option" buttons on the main product page responsive? On the iPhone they are the only thing messing up the layout, being too large and pushing the other items around. Should this be doable with CSS? Or some other solution? Thanks!


  2. QueenIdella
    Posted 3 years ago #

    I did try to use a @media query, but it overrode the original desktop size as well, so I did the next best thing - edited the CSS in assets/css/woocommerce.css to make the font and padding smaller, so it works on my phone. It doesn't look bad with smaller 'add to cart' and 'select option'.

    I would like to know how and where to put the media query so that it works without overriding the large screen as well. When you edit the css file, it has a less counterpart in the folder so everything is run together and it's difficult to tell where anything belongs.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic