Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 4, 2019 at 3:45 am #1049766
    gekkie96

    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 #1049799
    Mike

    Hey gekkie96,
    Thank you for the screenshots, please include the url to the site so we can examine possible solutions for you.

    Best regards,
    Mike

    January 4, 2019 at 6:45 am #1049834
    gekkie96

    Sorry 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 #1050092
    gekkie96

    BUMP***

    January 5, 2019 at 4:33 am #1050171
    Mike

    Hi,
    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:
    2019-01-04-212155
    or in this panel, check if it’s using a fixed height:
    2019-01-04-212400
    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,
    Mike

    January 5, 2019 at 7:08 am #1050233
    gekkie96

    I’m not using layer slider is Slider Revolution.

    January 5, 2019 at 5:19 pm #1050353
    Mike

    Hi,
    That is odd, I was looking at the code in your screenshot:
    2019-01-05-100512
    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,
    Mike

    June 6, 2019 at 9:38 am #1107861
    Webvriend

    Hi 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,
    Webvriend

    June 6, 2019 at 1:13 pm #1107927
    Mike

    Hi,

    @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

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.