Search for: Log In Free Support [Resolved] Mobile checkout experience Home › Forums › Support › Mobile checkout experience This topic has 3 replies, 2 voices, and was last updated 1 year, 1 month ago by David. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts March 12, 2020 at 7:14 am #1192974 Hannah Hello, my mobile checkout looks like this: https://prnt.sc http://prnt.sc/rfczaz Is there a way to put the order summery and the order button under the address fields so it is visible on the whole screen? Thank you so much. Best Hannah March 12, 2020 at 7:44 am #1193000 DavidStaff Customer Support Hi there, looks like the content was added using Elementor – so it doesn’t behave like the GP Theme would handle it – try this CSS to fix that: @media (max-width: 768px) { .woocommerce-checkout .col2-set, #customer_details+#wc_checkout_add_ons, #order_review, #order_review_heading { width: 100% !important; float: none; } } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ March 14, 2020 at 2:40 am #1194426 Hannah Wow! It worked and looks amazing. Thank you so so much!!! π March 14, 2020 at 4:53 am #1194527 DavidStaff Customer Support Awesome – glad to be of help π Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In