Builder Features - Revision history

Ronald: /* List of responsive-ready Builder child themes */

2013-06-14T12:07:36Z

List of responsive-ready Builder child themes

2013-05-07T09:41:49Z

List of responsive-ready Builder child themes

2013-03-20T04:13:54Z

List of responsive-ready Builder child themes

2013-02-26T14:39:04Z

Responsive

2013-02-26T06:48:48Z

style-mobile.css and other stylesheets

2013-02-26T03:28:10Z

List of responsive-ready Builder child themes

2013-02-21T00:23:16Z

Added = Duplicate Sidebar =

2013-02-20T03:40:52Z

Add theme support builder responsive function parameters: Added ==== column-min-width ====

2013-02-14T08:06:23Z

What if I want to use Builder 4.0 and one of the responsive-ready child themes but I don't want my site to be responsive?

2013-02-01T04:16:21Z

Notes

@@ Line 132: / Line 132: @@
 * Builder Child Theme - Essence Silver
 * Builder Child Theme - Essence White
 * Builder Child Theme - Expansion
 * Builder Child Theme - Expansion Blue

@@ Line 120: / Line 120: @@
 * Builder Child Theme - Acute Purple
 * Builder Child Theme - Acute Red
 * Builder Child Theme - Avail
 * Builder Child Theme - City Church
 * Builder Child Theme - Default
 * Builder Child Theme - Depot

@@ Line 114: / Line 114: @@
 The list below might not be up-to-date. You are advised to check the Member Panel for version numbers next to child themes to determine if a particular child theme is responsive-ready or not.
 * Builder Child Theme - Avail
 * Builder Child Theme - City Church

← Older revision		Revision as of 14:39, February 26, 2013
Line 19:		Line 19:

	[http://ithemes.com/2012/10/24/responsive-web-design/ A Primer on Responsive Web Design]		[http://ithemes.com/2012/10/24/responsive-web-design/ A Primer on Responsive Web Design]
		+
		+	== Videos ==
		+
		+	{{#ev:vimeo\|59591447\|640}}
		+
		+	{{#ev:vimeo\|59591446\|640}}

	== FAQ ==		== FAQ ==

@@ Line 145: / Line 145: @@
 '''style-mobile.css''' stylesheet loads when the screen width is less than or equal to the mobile-width. By default, this width is 500px.
-Further explanation and usage examples shall be added soon.
+For a practical and easy to understand information, you might want to watch [http://ithemes.com/tutorials/builder-css-responsive-css/ this] video (at around 2:50 mark).
 === Adaptive design ===

@@ Line 127: / Line 127: @@
 * Builder Child Theme - Foundation Tropic
 * Builder Child Theme - Icebox
 * Builder Child Theme - Threads
 * Builder Child Theme - Thrify

← Older revision		Revision as of 00:23, February 21, 2013
Line 386:		Line 386:

	Henceforth any widget content widget that should get a yellow background can simply be set this style "Style Name 1" at Appearance -> Widgets.		Henceforth any widget content widget that should get a yellow background can simply be set this style "Style Name 1" at Appearance -> Widgets.
		+
		+	= Duplicate Sidebar =
		+
		+	See [[Duplicate Sidebar Widget]] and [http://ithemes.com/2010/12/27/builder-tip-use-duplicate-sidebar-widget-to-use-all-widgets-of-one-sidebar-in-another/ this blog post].

	=Analytics and JavaScript Code=		=Analytics and JavaScript Code=

← Older revision		Revision as of 03:40, February 20, 2013
Line 201:		Line 201:

	By default, Builder's responsive feature adds margins to the sides of the Layout as the browser width starts to shrink. This is to ensure that the Layout is pushed away from the edges of the device. If this isn't needed, for example, when you want to achieve an adaptive design, we can set <code>enable-auto-margins</code> to false in order to disable this feature.		By default, Builder's responsive feature adds margins to the sides of the Layout as the browser width starts to shrink. This is to ensure that the Layout is pushed away from the edges of the device. If this isn't needed, for example, when you want to achieve an adaptive design, we can set <code>enable-auto-margins</code> to false in order to disable this feature.
		+
		+	==== column-min-width ====
		+
		+	To prevent early breaking of the layout, you could add the following code to your child theme's functions.php:
		+
		+	<pre class="brush:php;gutter: false;">
		+	add_theme_support( 'builder-responsive', array( 'column-min-width' => '100' ) );
		+	</pre>
		+
		+	Source: http://ithemes.com/forum/topic/38649-responsive-issue-border-around-site-left-nav/#entry176890

	=== Issues with IE ===		=== Issues with IE ===

@@ Line 68: / Line 68: @@
 === What if I want to use Builder 4.0 and one of the responsive-ready child themes but I don't want my site to be responsive? ===
-In a responsive-ready child theme, you will find the following line of PHP in the functions.php file:
+In a responsive-ready child theme, you will find the following line of PHP in child theme's <code>functions.php</code> file:
 <pre class="brush:php;">

@@ Line 158: / Line 158: @@
 .
-<pre class="brush:php;">
+<pre class="brush:php;gutter: false;">
 add_theme_support( 'builder-responsive', array('tablet-width' => '800px', 'mobile-width' => '400px' ));
 </pre>
@@ Line 166: / Line 166: @@
 Ex.:
-<pre class="brush:php;">
+<pre class="brush:php;gutter: false;">
 add_theme_support( 'builder-responsive', array( 'mobile-width' => '400px' ) );
 </pre>
@@ Line 176: / Line 176: @@
 Ex.:
-<pre class="brush:php;">
+<pre class="brush:php;gutter: false;">
 add_theme_support( 'builder-responsive', array( 'tablet-width' => '800px' ) );
 </pre>
@@ Line 186: / Line 186: @@
 Ex.:
-<pre class="brush:php;">
+<pre class="brush:php;gutter: false;">
 add_theme_support( 'builder-responsive', array( 'enable-breakpoints' => false ) );
 </pre>
@@ Line 196: / Line 196: @@
 Ex.:
-<pre class="brush:php;">
+<pre class="brush:php;gutter: false;">
 add_theme_support( 'builder-responsive', array( 'enable-auto-margins' => false );
 </pre>