Builder Responsive: Stylesheets

(Difference between revisions)
Jump to: navigation, search
(Video)
(Video)
Line 12: Line 12:
  
 
==Video==
 
==Video==
Watch [http://ithemes.com/tutorials/builder-css-responsive-css/ this video] (at around 2:50 mark).
+
* Watch [http://ithemes.com/tutorials/builder-css-responsive-css/ this video] (at around 2:50 mark).
  
 
<br />
 
<br />
 
[[:Builder_Test|← Back to Builder Codex Home]
 
[[:Builder_Test|← Back to Builder Codex Home]

Revision as of 08: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


[[Builder_Test|← Back to Builder Codex Home]

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox