Full Width Not Working

Hi, annessasays!

It looks like you have a broken line in your stylesheet. This code (line 1341):

.footer-widgets-1,
{
    width: 750px;
.footer-widgets-3 {
    width: 0px;
}

Should look like this:

.footer-widgets-1 {
    width: 750px;
}
.footer-widgets-3 {
    width: 0px;
}

(Removed comma after footer-widgets-1, and added closing brace.)

Once you’ve fixed that, you should find that the site and slider behave like the demo at https://www.vlvtest.com/runwaypro/ again.

Hi Nick!

Thank you for your response. I have gone ahead and updated the footer coding. With the update the slider is still in the same spot. I am trying to move it to right below the header so it is the full width of the page instead of in the post column. I think the issue may be with the coding in the Runway Pro theme as the slider widget placement is where the slider is placed. Here’s what’s in the function .php.

‘genesis_register_sidebar(
array(
‘id’ => ‘hometop-area’,
‘name’ => __( ‘Slider Widget’ ),
‘description’ => __( ‘This is the area to show off your facebook likes’ ),’

and here is the code in the home.pho that relate to the “hometop-area” widget area

‘function runwayhomewidgets() {

if ( is_active_sidebar( ‘hometop-area’ ) ) {
echo ‘<div id=”hometop-area” class=”hometop-wrap”><div class=”hometop-inner”>’;
dynamic_sidebar( ‘hometop-area’ );
echo ‘</div><!– end .hometop-inner –></div><!– end .hometop-wrap –>’;
}’

Do you see anything here that would be preventing the slider from being displayed directly below the header?

Thank you so much,

Annessa

Hi Annessa

Your site is displaying the slider in the same location as the demo site at https://www.vlvtest.com/runwaypro/, but you’re certainly free to change that if you wish.

To move the slider above the content and sidebar area so that it uses the full width, you’d need to remove the hometop-area output code from the runwayhomewidgets() function, then create a new function hooked to the location that you want the slider to appear.

Your home.php template might end up looking something like this:

<?php 

/** Add support for Home Widgets **/
add_action( 'genesis_meta', 'runway_home_widgets' );
function runway_home_widgets() {
	if ( is_active_sidebar( 'hometop-area' ) || is_active_sidebar( 'homemiddle-area' ) || is_active_sidebar( 'homebottom-area' ) ) {

		remove_action( 'genesis_loop', 'genesis_do_loop' );
		add_action( 'genesis_before_content_sidebar_wrap', 'runway_home_slider' );
		add_action( 'genesis_before_loop', 'runwayhomewidgets' );
		add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_content_sidebar' );
	}
}

function runway_home_slider() {
	if ( is_active_sidebar( 'hometop-area' ) ) {
		echo '<div id="hometop-area" class="hometop-wrap"><div class="hometop-inner">';
		dynamic_sidebar( 'hometop-area' );
		echo '</div><!-- end .hometop-inner --></div><!-- end .hometop-wrap -->';
	}
}

/** Display Widget Area on Home Page **/
function runwayhomewidgets() {

		if ( is_active_sidebar( 'homemiddle-area' ) ) {
			echo '<div id="homemiddle-area" class="homemiddle-wrap"><div class="homemiddle-inner">';
			dynamic_sidebar( 'homemiddle-area' );
			echo '</div><!-- end .homemiddle-inner --></div><!-- end .homemiddle-wrap -->';
		}

} 

genesis();

You’ll likely have to tweak this and make some changes to the theme’s stylesheet as well, but hopefully it serves as a helpful starting point.

Although we don’t offer detailed support for theme customisations here in the plugin forums, you’re welcome to ask for help in the StudioPress forums at https://www.studiopress.com/forums/ if you’d like any more help with theme tweaks.

Hi Annessa

Your site is displaying the slider in the same location as the demo site at https://www.vlvtest.com/runwaypro/, but you’re certainly free to change that if you wish.

To move the slider above the content and sidebar area so that it uses the full width, you’d need to remove the hometop-area output code from the runwayhomewidgets() function, then create a new function hooked to the location that you want the slider to appear.

Your home.php template might end up looking something like this:

<?php 

/** Add support for Home Widgets **/
add_action( 'genesis_meta', 'runway_home_widgets' );
function runway_home_widgets() {
	if ( is_active_sidebar( 'hometop-area' ) || is_active_sidebar( 'homemiddle-area' ) || is_active_sidebar( 'homebottom-area' ) ) {

		remove_action( 'genesis_loop', 'genesis_do_loop' );
		add_action( 'genesis_before_content_sidebar_wrap', 'runway_home_slider' );
		add_action( 'genesis_before_loop', 'runwayhomewidgets' );
		add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_content_sidebar' );
	}
}

function runway_home_slider() {
	if ( is_active_sidebar( 'hometop-area' ) ) {
		echo '<div id="hometop-area" class="hometop-wrap"><div class="hometop-inner">';
		dynamic_sidebar( 'hometop-area' );
		echo '</div><!-- end .hometop-inner --></div><!-- end .hometop-wrap -->';
	}
}

/** Display Widget Area on Home Page **/
function runwayhomewidgets() {

	if ( is_active_sidebar( 'homemiddle-area' ) ) {
		echo '<div id="homemiddle-area" class="homemiddle-wrap"><div class="homemiddle-inner">';
		dynamic_sidebar( 'homemiddle-area' );
		echo '</div><!-- end .homemiddle-inner --></div><!-- end .homemiddle-wrap -->';
	}

} 

genesis();

You’ll likely have to tweak this and make some changes to the theme’s stylesheet as well, but hopefully it serves as a helpful starting point.

Although we don’t offer detailed support for theme customisations here in the plugin forums, you’re welcome to ask for advice in the StudioPress forums if you’d like any more help with this or other theme tweaks.