Builder Responsive: Stylesheets

(Difference between revisions)
Jump to: navigation, search
(Video)
(Video)
Line 15: Line 15:
  
 
<br />
 
<br />
[[:Builder_Test|← Back to Builder Codex Home]
+
[[:Builder_Test|← Back to Builder Codex Home]]

Revision as of 09:56, July 19, 2013

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.

Contents

style-responsive.css

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).

style-tablet.css

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

style-mobile.css stylesheet loads when the screen width is less than or equal to the mobile-width. By default, this width is 500px.

Video


← Back to Builder Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox