Builder Responsive: Stylesheets
Builder now adds supports for some new stylesheets in the child theme. You can now add style-responsive.css, style-tablet.css, and/or style-mobile.css. These stylesheets will only load when the screen is at a specific width.
The style-responsive.css stylesheet loads when the screen width is less than or equal to the tablet-width (by default, this width is set to be the width of the current Layout).
The style-tablet.css stylesheet loads when the screen width is less than or equal to the tablet-width AND is greater than the mobile-width. Unless the settings are modified, tablet-width is the same as the layout-width.
style-mobile.css stylesheet loads when the screen width is less than or equal to the mobile-width. By default, this width is 500px.
- Watch this video (at around 2:50 mark).
[[Builder_Test|← Back to Builder Codex Home]