FunnelKit 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.

Edit your checkout page with FunnelKit's advanced checkout field editor and enhance your visitor's buying experience today!

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

Step 2: Click on 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 !important;}

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 to lock the changes you made.

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

Ready to Transform Your Store?

Join 38,315+ successful store owners who trust FunnelKit to power their businesses.
Conversion Optimized Checkout Pages
Increase Revenue with Smart Upsells
Capture Emails & Recover Abandoned Carts
Automate Winbacks & Repeat Sales
868+ 5 star reviews on WordPress.org
Transform your store to power your business with FunnelKit
868+
 Reviews
4.9
chevron-downarrow-right