Hi,
I have created my website using freeway pro 7.
I have used the preset breakpoints. In document set up the mobile setting is kept at 100%.
When viewing the website in Landscape of an iPhone 5s (or 6 Plus) I still get the hamburger menu when the breakpoint is set to 480.
To make the site less appealing, after selecting the hamburger, the css menu intermittently freezes in landscape mode. It does not freeze in portrait mode.
Please would you help with the breakpoint issue and also give me some advice with regards to the menu freezing in landscape.
Thank you in advance,
David
I think this is because iOS Safari zooms in when the device is rotated. While this “feature” is nice for non-responsive websites, it becomes annoying on a website that is flexible.
Fortunately, it’s easy to turn off. In the menubar, go to Page > HTML Markup… > Before </head> and paste this in:
<style>
body {
webkit-text-size-adjust: 100%;
}
<style>
This prevents zooming of any kind. A better solution is to set the initial
zoom option to 100% (the default value once the option is checked in the
inspector).
Joe
On Wednesday, 11 March 2015, Caleb Grove email@hidden wrote:
David,
I think this is because iOS Safari zooms in when the device is rotated.
While this “feature” is nice for non-responsive websites, it becomes
annoying on a website that is flexible.
Fortunately, it’s easy to turn off. In the menubar, go to Page > HTML
Markup… > Before </head> and paste this in:
<style>
body {
webkit-text-size-adjust: 100%;
}
<style>
I adjusted the setting in the inspector which has worked perfectly. Changing the setting, retrospectively, in ‘document set up’ obviously does not.
Thank you both again - it is easy when you know how!
David
On 11 Mar 2015, at 17:37, Joe Billings email@hidden wrote:
This prevents zooming of any kind. A better solution is to set the initial
zoom option to 100% (the default value once the option is checked in the
inspector).
Joe
On Wednesday, 11 March 2015, Caleb Grove <email@hidden mailto:email@hidden> wrote:
David,
I think this is because iOS Safari zooms in when the device is rotated.
While this “feature” is nice for non-responsive websites, it becomes
annoying on a website that is flexible.
Fortunately, it’s easy to turn off. In the menubar, go to Page > HTML
Markup… > Before </head> and paste this in:
body {
webkit-text-size-adjust: 100%;
}
_______________________________________________
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
If the site is flexing correctly it shouldn’t matter if it’s on or not – the content should always fit in the window. Whether you use it or not depends your preference. Personally, I don’t like auto zooming in landscape because it makes everything so big in that tiny viewport.