Full Width Slider Help?

[amiddayinmay]

Hi All,

Just looking for some help as I am using the Meta Slider Plugin and am wanting to create a full width slider, but currently I cannot get this to work. It seems that when the slider is set at 100% width it is still only sitting within the entry-content container.

If someone wouldn't mind having a look here:
Jo Daly Interiors

I'd really appreciate the help!

Thanks in advance!

Kate

http://www.jodalyinteriors.com.au

[RitzyThemes]

Hi Kate!

kindly describe how you are embedding this slider in your homepage? are you using hook or just adding shortcode in post to embed the slider?

---

Get free and premium Genesis Child Themes

[amiddayinmay]

Hey RitzyThemes,

I am currently just using shortcode. Should I be using a hook instead?

[RitzyThemes]

Well if you want keep sidebar at homepage and also want to embed the slider you can do it via hook and its an easy way.

Go to WP-Admin > Appearance > Editor and start editing functions.php file.

[note: before making any changes please do backup of your function.php file.]

add_action( 'genesis_after_header', 'child_after_header' );
function child_after_header() {
	
	if ( is_home() || is_page( 'home' ) ) {
		
		//* create a widget area only for homepage.
		genesis_widget_area( 'home-after-header', array(
			'before' => '<div class="meta-slider-block"><div class="wrap">',
			'after' => '</div></div>',
		) );
		
	}
	
}

//* register new widget area in admin area.
genesis_register_sidebar( array(
	'id'          => 'home-after-header',
	'name'        => 'Home - After Header',
	'description' => 'use text-widget to add slider shortcode',
) );

Now go to widget and there you will able to see new Widget block "Home - After Header"

Add Text Widget in it and save your meta slider shortcode.

So that's how you can create full width slider block before site-inner and use as you like,

---

Get free and premium Genesis Child Themes

[amiddayinmay]

Thank you so much RitzyThemes, that has worked well! Is there a way to remove the white space that is now showing where the main content is? Can I remove this all together on the home page? As we simply want the header, slider and footer?

Thanks again so much for your help!

[amiddayinmay]

Sorry @RitzyThemes I've just noticed that this widget is now showing on my blog post page now too? Have I done something incorrect?

[RitzyThemes]

well you done nothing wrong, but how you are displaying you homepage?? because the above code is 100% correct and only display the widget area for homepage.

---

Get free and premium Genesis Child Themes

[amiddayinmay]

I'm displaying it as fullwidth @RitzyThemes so I have no idea why it isn't working! Any suggestions? Starting to get a little frustrated with it?

Thanks again for your help!

[Author]

Posts