Navigation
Archive / Responsive Slider adjusting following section
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 26, 2017 at 9:49 am #1346469
    verysandwich
    Participant

    Hello,

    I have add a responsive slider to my page and I am having two issues.

    1. There is a section underneath the slider and it keeps moving up and down along with the slider change as the sliders progress.

    2. There is text on the sliders and some is revealed slowly when it changes instead of being visible instantly.

    Is there anything that I can do to either fix the height of the sliders or the sections so this does not happen?

    Thank you!

    http://six20partners.verysandwich.com/

    it is about midway down the page.

    January 26, 2017 at 11:31 am #1346588
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .home #x-section-4 .flex-viewport {
    min-height: 375px !important;
}

    Let us know how this goes!

    January 26, 2017 at 2:30 pm #1346759
    verysandwich
    Participant

    Works like a charm! Thank you!

    January 26, 2017 at 2:37 pm #1346769
    verysandwich
    Participant

    I may have spoke too soon. It looks great when it is at full size but any smaller size and the same issue still occurs.

    January 26, 2017 at 2:58 pm #1346807
    Nabeel A
    Moderator

    Hi again,

    Please replace the previous code with this one:

    .home #x-section-4 .flex-viewport {
    height: 100% !important;
}

    Let us know how this goes!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1346469 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>