White space under slider in Virtue Theme

It looks like you’ve got empty page content enabled on your page.

Try going into Appearance> Theme Options> Home Layout> Home Layout Manager.

Then, make sure that you don’t have Page Content in the Activated Column.

Let me know if that works.

Hello Kevin,

Thanks for your answer.

Everything under Home Layout is disabled.
So that isn’t the cause.

Hey heinenmja,
Try adding this to your custom css box in Theme Options > Advanced Settings:

@media (max-width: 1200px) {
.contentclass {
    margin-bottom: -32px;
    padding-top: 15px;
}
}

Hope that works for you!

Hannah

Hello Hannah,

Thanks for your answer.

This didn’t work out on the screen with an 1600 x 900 resolution.

I Always find out that the Virtue doesn’t recognize an IPad as mobile device. I switch on the home mobile slider but the Ipad an my mobile Phone keep displaying the “normal” slides.

I just wanted to make an website like https://www.hooymanspigeons.com/ were the slider has no white space.

Could it help to make the slider photos as big as the maximum height and width of the Theme (in this case 600 x 1170) I use the fullwidth slider now

I hope you or someone else have some options to help me out.

Hey,
I can help you adjust which slider shows at whatever screen size you would like. are you saying you want the mobile slider to show on ipad?

In terms of space. Your set height for the slider is 360px. Your header is 168px high and your footer is showing at 238px.

That’s a total of 766px. So on a screen that is 900px high your going to have space that has to exist that has no content. Does that make sense?

You can add content either into the page or by making your slider height larger but unless you do it’s not an issue of padding anywhere it’s just an issue of having nothing to show.

You can make the background the same as your footer for that area with this css:

body.home {
    background: #7ac5cd;
}

I hope that helps explain.

Kadence Themes

Thank you, that explains a lot.

I added the backgroundcolor of the homepage and that does the trick and I removed all other advanced css with padding settings.