Large vertical whitespace below Revolution Slider on smaller screens again - Support

Tagged: gap, media, mobile, slider, tablet, vertical, white space

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
September 7, 2019 at 9:02 pm #1135493
kgalatz
Participant
On 8/23/19, in your post #1130188, you provided additional css to close a large vertical white space in tablet and mobile view between our Revolution Slider header and the content below it, on both of the pages that use that header (URLs in private content). This resolved the problem initially, but now, although the code is still in place, it is no longer working and the problem has recurred.

I have applied 2 theme updates since then – from 4.5.7.1-beta-4 > 4.6, and from 4.6 > 4.6.1. Perhaps there was a change in one of them that caused this code to no longer work? I also tried removing the code in case the issue had been corrected in one of the updates, but that didn’t resolve the problem either. And yes, I cleared the cache :)
- This topic was modified 5 years, 2 months ago by kgalatz.
September 11, 2019 at 4:20 am #1136869
Ismael
Moderator
Hey kgalatz,

Thank you for the inquiry.

Try to replace the #layer_slider_1 selector with #revolutionslider_1.
```
@media only screen and (max-width: 1238px) { 
#top.home #revolutionslider_1 {
	min-height: 0 !important; 
}
}
```
That should remove the white space below the slider.

Best regards,
Ismael
September 12, 2019 at 12:55 am #1137291

kgalatz
Participant

Yes! That did it. Many thanks!

September 12, 2019 at 1:20 am #1137296

Jordan Shannon
Inactive Moderator

Hi,

I’m glad this was resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts