Correct Responsive Mode settings
-
Hi:
Thank you for this plugin!In my theme the breakpoints for content-div media queries are 600px and then 800px, so small sizes are anything from 320px up to 599px, then I have some style-changes from 600 to 799px, and then the large size starts at 800px.
The container for the slideshow has a width of 95% with a max-width of 1200px and height at “auto” – I don’t want the slideshow to be any wider than 1200px, and at the largest it should be 1200px wide and 600px tall. As screen size narrows the slides should reduce proportionally down to about 320 x 160 on a smart-phone/portrait. So sizing should be based on the div width – not orientation, on the assumption the height will adjust proportionally.
So what should I choose/enter in the General Settings > Responsive Mode –
“maximum screen width” or “combined” ?Then what should I enter into:
“maximum screen widths” for Desktop portrait
Tablet landscape
Tablet portrait
Mobile landscape
Mobile portrait
AND
Default width percentages for tablet and mobile?Also, should I select “server-side mobile select”?
Then under the individual slideshow there’s “Size” settings – not sure how they relate to the general responsive settings.
I want to be able to change text content based on size – mobile will have a few words, tablet a bit more, desktop a long sentence. All will have a brief headline.
So do I want “auto” or “fullwidth”? And then it asks for more sizes…?
Sorry – I’ve read the docs and am confused. I know these things are complicated and that makes them hard to explain!
Thanks for your assistance!
- The topic ‘Correct Responsive Mode settings’ is closed to new replies.