Builder Responsive: Stylesheets

From IThemes Codex
Revision as of 09:56, July 19, 2013 by Kristen (Talk | contribs)
Jump to: navigation, search

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