[Resolved] woocommerce responsive checkout?

[Travis]

Hi, just setup GeneratePress and Woocommerce this weekend. Is there anything special I need to do to get the checkout process in woocommerce to be responsive? On an iPhone in portrait, the right side of the cart and checkout bleeds off to the right and you have to scroll to see the buttons.

Thanks!

[Tom]

Hi Travis,

Can you link me to the page so I can take a look?

Thanks!

[Travis]

Hi Tom,

Please add a ticket from this page to demonstrate the issue:

http://peakcpr.wpengine.com/event/bls-for-healthcare-providers-45-fitbody-studio-colorado-springs-2/

Thanks,
Travis

[Tom]

Hi Travis,

Thanks! Seems WooCommerce uses HTML tables for the checkout, which aren’t responsive.

This guy came up with some awesome CSS to change this: http://www.jeremycarter.com.au/optimising-woocommerce-checkout-for-mobile/

Hope this helps 🙂

[Travis]

Perfect! Thanks, Tom.

[Tom]

You’re welcome 🙂

[Author]

Posts