WooFunnels Documentation
Get unstuck with our helpful reference material

Checkout Pages

How to Show Order Summary Open By Default on Mobile

If you want to show the order summary section open on mobile as a default option then you need to use custom CSS.

Step 1: Click on the ‘Edit’ button next to your Checkout page

Edit your checkout page

Step 2: Click on the "Settings" tab

Go to the "Settings" tab

Step 3: Add the CSS to show the "Order Summary" on mobile by default

Add the following CSS to show the Order Summary on mobile by default.

.wfacp_mb_mini_cart_sec_accordion_content{display:block;}
Add the CSS to show the "Order Summary" on mobile by default

Please note that these instructions are common for any page builder that you're using to customize your Checkout page.

Once done, click on Save changes to lock the changes you made.

That's it! This is how you can show Order Summary open By default on mobile.

Increase your sales, starting today.

Get WooFunnels Now
chevron-down
[class^="wpforms-"]
[class^="wpforms-"]