reverse columns on mobile

• 

  savvysoapbox · Member · Jul 1, 2025 at 9:37 pm

  • Copy link
  • Add topic to favorites

  I’m looking to have my services (underneath my toolbox) displayed in a pattern on desktop, but as a title and image on mobile. However, I don’t know how to reverse my columns for mobile only.

  WP.com: Yes
  Jetpack: No
  Correct account: Yes

  The blog I need help with is: (visible only to logged in users)

• 

  kathyparkerr · Member · Jul 2, 2025 at 2:16 am

  • Copy link

  Hey @savvysoapbox — I had a similar issue before. To reverse the columns on mobile, you can try adding this to Customizer > Additional CSS:

  cssCopy

  Edit

  @media screen and (max-width: 768px) { .your-column-wrapper { display: flex; flex-direction: column-reverse; } }

  Just change .your-column-wrapper to whatever class is wrapping your columns. You might need to inspect the page to find the right one. Hope that helps!

• 

  staartmees · Member · Jul 2, 2025 at 5:13 am

  • Copy link

  Unfortunately Custom CSS is only available on sites with our WordPress.com Premium, Business, and Commerce plans, and the legacy Pro plan. For sites on the Free and Personal plans, upgrade your plan to access this feature – https://wordpress.com/support/editing-css/

• 

  2020testjj · Member · Jul 2, 2025 at 6:31 am

  • Copy link

  The CSS Add-on, paid annually, also gives access to Custom CSS on free and personal plans.

  

  WordPress.com Add-Ons

  in WordPress.com Support

  2 min read

  WordPress.com add-ons are additional features you can purchase for your site. This guide explains the available add-ons and how to purchase one. Available Add-Ons Custom CSS Sites on our Free and Personal plan can purchase an add-on to make CSS code changes to the site. Learn more about what you can do with custom CSS or click the button below to add it to your site: Custom CSS Add-