Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 28, 2020 at 5:36 pm #1249094
    4youth

    A content slider on my page makes all the content below it move up and down continuously. How can is stop this from happening? Thanks!!!
    link: http://www.fouryouth.org/home#productions contains the content slider,.. and as you scroll down you will notice all elements keep adjusting and moving up and down slightly.

    September 29, 2020 at 6:27 am #1249254
    Jordan Shannon

    Hey 4youth,

    Try adding the following to quick css:

    .avia-content-slider-inner {
    min-height: 400px !important;
    max-height: 400px !important;
}

    Best regards,
    Jordan Shannon

    September 29, 2020 at 7:04 pm #1249476
    4youth

    That cut off the text, but increasing the height to 500px fixed that. However- now the “next” button does not work anymore (jumps the page)
    Also would like to prevent this rule to apply to all content sliders on my whole website – can specify the CSS to just do it to this slider? Thanks Jordan!

    September 29, 2020 at 7:10 pm #1249477
    4youth

    Hi Jordan. The CSS also makes the text disapear on small screens since it can not pass the 500px mark. Please advise. Thanks!

    October 2, 2020 at 4:24 am #1249960
    Rikard

    Hi,

    Thanks for the update. The next and previous buttons are working on my end, how exactly can we reproduce that problem?

    If you want the code to only apply to that slider, and to screen sizes above 500 pixels, then you can try this instead:

    @media only screen and (min-width: 501px) {
.home #productions .avia-content-slider-inner {
    min-height: 500px !important;
    max-height: 500px !important;
}
}

    Best regards,
    Rikard

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