Builder Responsive: Stylesheets

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(Video)
(Video)
 
Line 13: Line 13:
 
==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).
 +
 +
== See also ==
 +
* [[Builder_Responsive:_Introduction|Introduction]]
 +
* [[Builder_Responsive:_Videos|Videos]]
 +
* [[Builder_Responsive:_Stylesheets| Stylesheets]]
 +
* [[Builder_Responsive:_Responsive_Support_Function_Parameters| Responsive Support Function Paramaters]]
 +
* [[Builder_Responsive:_Responsive_vs._Adaptive|Responsive vs. Adaptive]]
 +
* [[Builder_Responsive:_FAQ| FAQ]]
  
 
<br />
 
<br />
 
[[:Builder_Test|← Back to Builder Codex Home]]
 
[[:Builder_Test|← Back to Builder Codex Home]]

Latest revision as of 09:22, 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

See also


← Back to Builder Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox