Issue with multiple sliders with different heights

  • Resolved Guido

    (@guido07111975)


    5 years, 9 months ago

    Hi,

    I have a website that contains multiple Rolo Sliders, with different heights.

    On homepage I have a 500px height slider and on other pages a 200px height slider.

    In Chrome (mostly) there’s an issue with multiple heights, it sometimes cuts off the 500px height slider.

    When I inspect the source I notice both heights:

    
.rolo_wrapper4.rolo_wrapper:not(.images) {
    height: 200px;
}
.rolo_wrapper4.rolo_wrapper:not(.images) {
    <del>height: 500px</del>;
}

    (the 500px height slider is commented out)

    When I refresh the page, the 200px height is gone. So that’s good.

    So is this a cache issue?

    Guido

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author pressfore

    (@pressfore)

    Hi again,

    Don’t know what could be causing this, maybe caching, loading time, or maybe some dummy plugin conflict. It is really hard to tell, but you can use css which you are already using in order to fix this:

    .rolo_wrapper {
    height: auto !important;
}
    Thread Starter Guido

    (@guido07111975)

    LOL, added this fix today but don’t know if this will affect the slider in certain screens? It seems to work, because I saw that the height is also set via the Javascript (I guess).

    Plugin Author pressfore

    (@pressfore)

    Hi again,

    You shouldn’t have issues, but if there are some, you can target rolo wrapper just on specific page, by inspect that page with Chrome web inspector and by using unique body id class like this https://www.screencast.com/t/MWAdNud76K9 , so for that page it should go like this:

    .page-id-85 .rolo_wrapper {
    height: auto !important;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Issue with multiple sliders with different heights’ is closed to new replies.