LWR Quick Tip: Create a multi-column layout on mobile

Hi folks - welcome to a new series of short posts introducing tips, tricks, and new features in Experience Cloud LWR 🚀 (video playlist here)

Want to create a 2 column layout or even 3 or 4 column layout in Mobile view? That’s now easily achievable with the Spring ‘24 release!

Check out the <1min demo here!

LWR Quick Tip: Create a multi-column layout on Mobile

Here’s a quick guide on how you can have a two column layout on both Desktop and Mobile:

1. In Experience Builder, select a Section and choose a two column Column Layout
2. Toggle to Mobile view and select the Section again
3. In the ‘Column Arrangement: Mobile’ setting, choose the ‘side by side’ option
4. To vertically align components within the section, use the ‘Component Alignment’ setting

For a much more detailed and advanced guide on all the possibilities of multi-column layouts, check out Jason Klip's article at Salesforce Ben: https://www.salesforceben.com/how-to-use-salesforce-experience-builders-columns-component-like-a-pro/

@* Experience Cloud * @Lightning Web Runtime Experiences @* Salesforce Commerce for B2B & D2C * #Experience Cloud