Show Crelly Slider only on front page

Hi,

I wanted to show my crelly slider only on the front page. I have used the following code in my child theme (in header-rev.php) and slider is disappeared from all other pages apart from front page.
<?php
if(is_front_page()){
crellySlider($alias);
}
?>

But now there is still empty space of slider showing on other pages. How can i get rid of them? Please found screen shot below for front page and other page. Thanks
front: http://www.genxsolutions.co.uk/home/wp-admin/upload.php?item=3366
other: http://www.genxsolutions.co.uk/home/wp-admin/upload.php?item=3367

Kind Regards

Hello @taimoor03,

It looks like this custom CSS code is causing the issue:

@media only screen and (min-width: 1170px) {
    #masthead {
        height: 650px !important;
    }

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Brilliant! Thanks :slight_smile:

You are welcome @taimoor03! :slight_smile:

Kind Regards, Roman.

Hi,

After removing that code, my footer just came on the top of navigation bar.
http://www.genxsolutions.co.uk/home/business-communication/

How to adjust this now. Sorry for bothering you again.

Thanks

Hello Taimoor,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

#content {
    min-height: calc(100vh - 131px);
}

Kind Regards, Roman.

Hi Roman,

If you visit my page http://www.genxsolutions.co.uk/home/business-communication/

The contents are still going under the menu bar. There should be a little space between menu bar and contents.

Kind Regards.

Hello Taimoor,

Please try to use Full width page template on that page instead of Front Page template.

Kind Regards, Roman.

Hi Roman,

I changed that to Full Width template but my contents are still going under the menu bar. Please visit the page to check.

Regards

Hello Taimoor,

Please try to use this CSS code:

body.page-template-page_fullwidth div#content {
    padding-top: 60px;
}

Kind Regards, Roman.

Thanks Roman, that worked perfectly. What if i want to use front page layout for other pages?

Is there any solution to that too?

Kind Regards

Hello Taimoor,

Please try to do it and provide a link to such page if you have issues.

Kind Regards, Roman.

Hi Roman,

Please Visit the same page i did mention above. I changed the layout to Front Page.
http://www.genxsolutions.co.uk/home/business-communication/

Thank you for the help.

Kind Regards

Hello Taimoor,

Please try to use this CSS code in addition to previous:

body.page-template-page_front-page:not(.home) div#content {
    margin-top: 140px;
}

Kind Regards, Roman.

Thanks roman. This is working.

Kind Regards

You are welcome Taimoor!

Kind Regards, Roman.