Someone had already posted here about the slider NOT resizing on mobile.
I know why this is happening and I'd also like a fix as well ASAP.
The Revolution slider uses pixel HEIGHTS to determine the window height. When you resize a browser fluid it works as the CSS kicks in via the media queries (using %'s).
THE PROBLEM IS when the slide loads on any device it is loading the pixel HEIGHT specified by the component (GRID HEIGHT) with no time for media queries to kick in like it does when re-sizing the browser on a desktop. This results in mobiles/tables rendering the slideshow at the component height and not the media query height.
The way to do this is to include an option to use PURELY WIDTHS to display images (and not have to specify a height) and set the slideshow container to inherit the image height. This also means that all images need to be the same height. True, true responsive only needs widths to work, not heights.
It would take me way too long to dig into the code to recode the CSS so please help us!!!
See also my screenshot with responsive layouts already set on load.
Hello,
Someone had already posted here about the slider NOT resizing on mobile.
I know why this is happening and I'd also like a fix as well ASAP.
The Revolution slider uses pixel HEIGHTS to determine the window height. When you resize a browser fluid it works as the CSS kicks in via the media queries (using %'s).
THE PROBLEM IS when the slide loads on any device it is loading the pixel HEIGHT specified by the component (GRID HEIGHT) with no time for media queries to kick in like it does when re-sizing the browser on a desktop. This results in mobiles/tables rendering the slideshow at the component height and not the media query height.
The way to do this is to include an option to use PURELY WIDTHS to display images (and not have to specify a height) and set the slideshow container to inherit the image height. This also means that all images need to be the same height. True, true responsive only needs widths to work, not heights.
It would take me way too long to dig into the code to recode the CSS so please help us!!!
See also my screenshot with responsive layouts already set on load.
I found a way around this by specifying the grid width and height to the EXACT SIZE of the original image. Not sure why this works but it does!