Full Width Slider / Hook

[Anita]

Hello, I am testing this out on a demo to get familiar with the coding. I have used the Genesis Framework for the past 2-1/2 years which has really been very easy to work with as far as moving and repositioning things. I’d like the slider to be full-width of the screen. Can it be done with a hook function you can provide me? Do I have to modify the templates? And if I have to modify, will the template be overwritten on any updates?

[Alyssa]

@cre8tivediva sorry for the delay, I swear I responded yesterday but there is nothing now 🙁 Luckily I have my changes 🙂

Start by copying header.php and front-page from your parent theme into your child theme.
In header.php after this line:
<div id="inner-wrap"> <!-- Inner Wrap for Mobile content -->
add this:
<?php include get_stylesheet_directory()."/content-slides.php"; ?>
If you only want the slider on the home page use this code instead:
<?php if(is_home()) include get_stylesheet_directory()."/content-slides.php"; ?>

In front-page.php remove this line:
<?php get_template_part( 'content', 'slides' ); ?>

[Milena]

Hi @tjchester,

I have a similar problem. I added some backround color wide screens and got some strange combo- I thought the slider on the large screens is as wide as the body, but there is some side padding (that is I remove – doesn’t look god for the text). you can see in the a photo attached.

I want to make the slider full width, like in the tablets, and I followed your instructions here.
My slider is not showing now. Is there something you omitted from this post?

[Alyssa]

Milena, I responded to your other post regarding padding.