[Resolved] Blank space when using safari

[Mireia]

Hi there!

We are using Smart Slider as 100% background with Element Header GP option on homepage. However, if I open the website with Safari, a blank section appears at the bottom of the slider.

I need to eliminate that part. Can you help me?

Thank you!

[Tom]

Hi there,

I’m seeing the same thing on Chrome.

Is there an option in Smart Slider to set the slider as full screen?

[Mireia]

I can set slider px size, but can’t activate “fullpage” option.

I’ve tried several css like this two:

.n2-padding {
	min-height: 100vh !important;
}

.inside-page-hero {
	min-height: 100vh !important;
}

It works when I do it on chrome or safari, but when I write it on page code and refresh has no effect. Why?

[Tom]

Have you tried adding that CSS using of these methods?: http://docs.generatepress.com/article/adding-css/

[Mireia]

Hi Tom!

Yes, I’ve put the code on ” Additional css” wp customizer and on style.css on my child theme. None of them worked 🙁

[Tom]

Give this a shot:

.n2-ss-slider > div {
    height: 100vh !important;
}

[Mireia]

This worked perfect Tom.

Thank you! ♡

[Tom]

You’re welcome 🙂

[Author]

Posts