![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
January 4, 2019 at 3:45 am #1049766
I’m using the latest Slider Revolution to have a full-screen slider on my homepage. I have added the slider using the ‘Plugin Additions’ option on the Avia layout builder.
The problem is on smaller computers like a 13′ or 15′ laptop a white spaces appears below my slider. When on larger screens this does not occur. I have narrowed it down to having something to do with the element.style height being set to 869px but I have no clue how to fix this white space problem.
See this screenshot for more details. https://www.screencast.com/t/rpK2aYT1YbIb
Thanks in advance.
January 4, 2019 at 5:24 am #1049799Hey gekkie96,
Thank you for the screenshots, please include the url to the site so we can examine possible solutions for you.Best regards,
MikeJanuary 4, 2019 at 6:45 am #1049834Sorry this is local work, not online yet, is there anyway you can still provide support?
I think I just need the CSS to turn off the height on the element.style as when I unt-ick that in inspect mode it fixes it.
January 4, 2019 at 7:39 pm #1050092BUMP***
January 5, 2019 at 4:33 am #1050171Hi,
It looks like the height is applied inline, which means that it’s a height that is set by the layerslider slide, please check the options of the slide or layer for the height, such as this panel:
or in this panel, check if it’s using a fixed height:
If you can’t find it you will need to replace the height with a new value, when you un-tick the height see what the new value is, which will show in the “computed” tab, next to the “styles” tab in your screenshot, then use this css to change it to that value:@media only screen and (min-width: 998px) and (max-width: 1450px) { #layer_slider_1 { height: ???px !important; } }
Another option is to export the slider and link to it via DropBox, and Enable Avia Layout Builder Debug and copy the page debug shortcode to a plain text file, so we can test it on our localhost, and be of more assistance.
Best regards,
MikeJanuary 5, 2019 at 7:08 am #1050233I’m not using layer slider is Slider Revolution.
January 5, 2019 at 5:19 pm #1050353Hi,
That is odd, I was looking at the code in your screenshot:
Please try publishing your site to a temp server and include a admin login so we can be of more assistance.
Here is a list of free WordPress hosting sites that you can setup a testing site quickly and easily.Best regards,
MikeJune 6, 2019 at 9:38 am #1107861Hi Mike,
Today we stumbled upon the same issue as gekkie96. It’s indeed odd that layer_slider_1 is used when using the Slider Revolution plugin. This is the first problem, what should be fixed with another class name f.e. ‘slider-wrap’. Gunter should fix this.
There’s an absolute height on this element which causes the issue. This should be fixed and is so weird, WHY on earth would you do that?Please fix this (asap), because we can’t overwrite this since this is in the core of Enfold.
Thanks,
WebvriendJune 6, 2019 at 1:13 pm #1107927Hi,
@webvriend thanks for your input, but I don’t have the Slider Revolution plugin to test with, please share a link and an admin login to a test page so we can examine this closer. This will allow us to submit a report to the dev team.
But please, open a new thread as this is not your thread and posting your info here will not be private.
Please post a link here to your new thread so we can find it easier.Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.