Spaces iPad landscape / portrait mode
I have some trouble with my website www.mikeabmaier.com on an ipad (especially in portrait mode). i use the desktop version for ipad.
the space between navigation and content is much smaller in portrait mode?!
is it because of the % instead of px? because in portrait mode 5% are much less than in landscape mode? if yes, can u please tell me how / where to fix that??
Landscape looks good like the "real desktop version"
In portrait mode the space is not the same / much too small?!
You are correct. 🌝
I can confirm that the "padding top of 7%" doesn't change:
however because of portrait versus landscape the 7% is calculated differently based on its parent.
The parent container "lay-content" is given a 'min-height of 100vh' (100 viewport height). Therefore a 7% padding will change based on the dimensions of what that parent 100vh means. EDIT:
"A percentage value on top/bottom padding or margins is relative to the width of the containing block"
With portrait mode 7% equal less pixel distance. On Landscape 7% is calculated as a different pixel distance.
To remedy this issue i would suggest using pixels for your frame top (padding-top) because pixels are a fixed measurements (mostly.. depending on device)
In > Lay Options > Gridder Defaults > you can change the % to px for the frame-top.
Hope this helps @dingdong & have a wonderful day! 🏖
thx that worked.
sadly it was a little bit of work, because all manual set row gutters get applied too...
thanks anyway :)
Thanks for the update @dingdong 🌝
Sorry that it functions with all Gutters and the time involved.
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it