Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 16, 2017 at 6:55 pm #809048
    zimbo

    You can see the problem here

    If I remove the tabs element then the LayerSlider thumbnails overlap into the footer.

    Any ideas how to fix this?

    PS. If I add a 120px Whitespace element below the LayerSlider then the overlap ‘disappers’ but that’s not a solution because the page won’t work properly in responsive mode.

    June 16, 2017 at 7:29 pm #809060
    Jordan Shannon

    Hey zimbo,

    This was fixed in my post in your previous thread. It seems to work in responsive mode as well.

    Best regards,
    Jordan Shannon

    June 16, 2017 at 8:49 pm #809087
    zimbo

    @Jordan Shannon – thanks…

    Your height directive has a missing ! before the important and when this is included the slider disappears, but the thumbnails remain. :-(

    Is heightneeded? Or ‘auto’/’inherit’?

    The padding-bottom however creates a whitespace when responsive. I’ll have to add some responsive CSS to reduce the padding-bottom at various screen sizes. Can you remind/suggest code at what sizes might be appropriate, can’t remember when Enfold switches.

    June 16, 2017 at 9:10 pm #809101
    Jordan Shannon

    Hi,

    Removing the height directive should fix the problem.

    Best regards,
    Jordan Shannon

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