Theming, Design, & Usability
Experience level: 

Site-builders love Panels because it unleashes content, and clients love Panels for the In Place Editor (IPE). There is just one problem: no content is the same (and generic layouts do not always make the grade). The Panels Layout Builder partially solves the issue. But, what if your site is responsive? Your 30% column width will be just that, from mobile to desktop.

This session will cover how to add custom Panels layouts to your theme, utilize Sass, and responsive methods.

To get the most out of this session, you should be familiar with basic Panels functionality, responsive web design, and Sass.

Resources & Links

Creating a custom Panels layout

Singularity documentation

Responsive Panels layout referenced in slides

Radix, responsive Panels layouts module

Slideshare of slides