Profound Logic Forums

I am working in a responsive layout, Working with mobile devices. Designed Adaptive Layout with to similar subjects side by side in Landscape.
In portrait, they are still side by side. Not what I want. How do I get this layout over and under when switching to portrait?

Hello John,

In the Responsive Layout Designer, in the top left corner, @media rulesets can be defined that will allow you to design the screen for particular screen sizes. In your particular case, you'd want to set a screen height in addition to the width so that it will detect a wide screen (landscape, width > height) or a tall screen (portrait, width < height). Alternatively, you can create your own @media rulesets in an external CSS file and use one of the many other @media detection options to detect the shift. Support for certain @media detection options may be limited so please be sure that your target browsers will support the options you choose.

To learn more about the responsive layout editor: https://core.profoundlogic.com/docs/dis ... ive+Layout
To learn more about the @media rulesets and their options: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

We hope this helps!

Thanks,