Auto-Rotate

6 Posts

Shane O'Riordan posted this 23 May 2017

Hi there,

I am having an issue with a header, in that if I rotate my device (tablet or lower) the placement of my logo and other elements are all over the place.

Please note, the logo is designed to appear to the left, not the right of Headline & Slogan. Above on narrower displays. It should not be displaying to the right.

Is there a way to see how these things will look if rotated as the current options just allow for device, but not orientation?
In the main editor all items display as they should, or as I would expect, but when viewed rotated on live device they appear different. I would like a way to test for these things in Themler.

Example Images attached
Rotated on iPhone 6 (using emulator. It does display like this on real device)

Hi there, I am having an issue with a header, in that if I rotate my device (tablet or lower) the placement of my logo and other elements are all over the place. Please note, the logo is designed to appear to the left, not the right of Headline & Slogan. Above on narrower displays. It should not be displaying to the right. Is there a way to see how these things will look if rotated as the current options just allow for device, but not orientation? In the main editor all items display as they should, or as I would expect, but when viewed rotated on live device they appear different. I would like a way to test for these things in Themler. Example Images attached [Rotated on iPhone 6 (using emulator. It does display like this on real device)][1] ![Displayed on Samsung S5 - my own device type) (using emulator. It does display like this on real device)][2] ![Rotated on Samsung S5 - my own device type) (using emulator. It does display like this on real device)][3] [1]: http://www.medalsandpedals.ie/test-images/iPhone%206%20Rotated.JPG [2]: http://www.medalsandpedals.ie/test-images/Mobile%20Image.JPG [3]: http://www.medalsandpedals.ie/test-images/Mobile%20Rotated%20Image.JPG

Last edited 23 May 2017 by Shane O'Riordan

layout alignment responsive

iPhone-6-Rotated.JPG

Mobile-Rotated-Image.JPG

Mobile-Image.JPG

Tablet-Image.JPG

Vote to pay developers attention to this features or issue.

2 Comments

Order By: Standard | Newest

490 Posts

Vitaliy WD posted this 23 May 2017

Hi.

Themler is based on Bootstrap and support only 4 responsive mode, but you can change a resolution when each of mode will be started. It's possible in general settings (Home tab). So if you know resolution of landscape orientation - you can try to edit general settings of responsive mode.

Hi. Themler is based on Bootstrap and support only 4 responsive mode, but you can change a resolution when each of mode will be started. It's possible in general settings (Home tab). So if you know resolution of landscape orientation - you can try to edit general settings of responsive mode.

Support Team posted this 24 May 2017

Hi,

I am having an issue with a header, in that if I rotate my device (tablet or lower) the placement of my logo and other elements are all over the place.

Unfortunately the screenshots is not informative and we do not know what positioning you're using for Header elements. But we suggest that you reset positioning and try Columns control.

The width of each column can be configured separately for each responsive mode.
It should help you to achieve the result you want.

Themler is based on Bootstrap and support only 4 responsive mode, but you can change a resolution when each of mode will be started. It's possible in general settings (Home tab). So if you know resolution of landscape orientation - you can try to edit general settings of responsive mode.

Not exactly. These settings change the max width of the layout. The responsive mode's breakpoints are static and cannot be changed.

Thank you,
Olivia

Hi, > I am having an issue with a header, in that if I rotate my device (tablet or lower) the placement of my logo and other elements are all over the place. Unfortunately the screenshots is not informative and we do not know what positioning you're using for Header elements. But we suggest that you reset positioning and try Columns control. !reset-positioning.png! The width of each column can be configured separately for each responsive mode. It should help you to achieve the result you want. > Themler is based on Bootstrap and support only 4 responsive mode, but you can change a resolution when each of mode will be started. It's possible in general settings (Home tab). So if you know resolution of landscape orientation - you can try to edit general settings of responsive mode. Not exactly. These settings change the max width of the layout. The responsive mode's breakpoints are static and cannot be changed. Thank you, Olivia

reset-positioning.png

You must log in or register to leave comments