LWR Quick Tip: Full Width Section layout

Hi folks - welcome to a new series of short posts introducing tips & tricks, and new features in Experience Cloud LWR 🚀. 

Want to have a full width hero-banner section whilst the rest of the site content is constrained? That's now easily achievable with the Spring '24 release!

Here's how you do it: 

In your hero-banner Section, configure the Section Max Content Width field to be 'Full Width'. Then, in the Section > Style tab, set Padding to be 0. 

Check out the video demo here

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