Slider homepage

I also posted this on another topic. but this is what i got so far.

I have used ultimate slider and placed it in header-image.php file and disabled the the_custom_header_markup.

<div class=”custom-header”>
<div class=”custom-header-media”>
<?php //the_custom_header_markup(); ?>
<?php echo do_shortcode(“[ultimate-slider]”); ?>

</div>
</div><!– .custom-header –>

At first i thought it was working as it didn’t show anything on my other pages. However checking it on mobile i notice it still loads the slider and was also in the source code.

Any thoughts where and how to place it so it’s only visible for the front page?

so i added this.

.custom-header {
position: relative;
display: none;
}

Now the slider is only visible on the frontpage. However it’s still there on the subpages. altough not visible but loading in the back.

So there should be a better place to put the slider i guess

Hello,
I just got it running by changing the following code in the header.php:

I changed this:
<?php get_template_part( ‘template-parts/header/header’, ‘image’ ); ?>

to that:
<?php get_template_part( ‘template-parts/header’, ” ); if(twentyseventeen_is_frontpage()) { echo do_shortcode(“[slider id=’1′]”); } ?>

….but this is not really working, because all the other pages have no image anymore on top. Still trying….

I could manage to get it running:

Open header-image.php under template-parts/header and change

from:
<?php the_custom_header_markup(); ?>

to:
<?php if ( twentyseventeen_is_frontpage()) {
echo do_shortcode(“[slider id=’1′]”);
}
else the_custom_header_markup(); ?>