Width of Slider not reduce on page resize

bgriswold's Avatar

bgriswold

30 Aug, 2018 12:31 AM

Dmitry,

I am trying to get my slider to resize as my page resizes. It is set to 100% width, and expands when I make the page wider, but will not shrink until I reload the page. Looked at some of the discussions, but I am not getting it to work. Either the problem is different, or I am not coding in the right place to make it work.

The Second slider is the problem:
https://lambda.gsfc.nasa.gov/royalslider.cfm

  1. Support Staff 1 Posted by Dmitry Semenov on 30 Aug, 2018 05:32 AM

    Dmitry Semenov's Avatar

    Hello,

    Here is a quick example of your layout - http://jsfiddle.net/a5vzkt3m/

    On smaller screens you may either:

    • Stack items vertically, so instead of one row of 4, you have 2 rows of 2 per slide.
    • Or, Use nearbySlides feature, that can be changed dynamically.
    • Or, Reinitialize slider with different markup.

    Dmitry

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac