I’m having problems with the text and menu getting cut off when viewing my website on my iphone with portrait view.
Landscape view is working just fine: http://imgur.com/gzbAFAr
But portrait view looks like this: http://i.imgur.com/8x4r7FV
How do I fix this? Thanks in advance.
Hi rothenflue!
Please add this on your custom.css or Quick CSS:
#advanced_menu_toggle, #advanced_menu_hide {
right: 50px;
}
You can adjust the right position.
Cheers!
Ismael
Thanks for the quick reply Ismael!
That seemed to fix the the menu bar, but the text is still running over…
http://i.imgur.com/RoAbbPb.jpg (I updated to ios 7 a couple hours ago.)
Hi!
That’s not suppose to happen on mobile view. Can you please add this?
@media only screen and (max-width: 767px) {
.responsive .container .twelve.units {
width: 95%;
}
}
Best regards,
Ismael
It’s better, but still not how the theme looks on my phone – it’s still cutting off the headline text. And there is no space at all on the left before the text.
http://i.imgur.com/ALAzrmL.png
http://i.imgur.com/TprdZof.png
Also, I tweaked your code slightly so I could see it a little more. It is now
@media only screen and (max-width: 720px) {
.responsive .container .twelve.units {
width: 90%;
}
}
Any other ideas?
Hi!
What iphone are the screenshots from and can we see the site live?
The headline text had a css change applied to prevent it from not-wrapping on mobile devices in version 2.1 or 2.2 so if you are up to date that shouldn’t be happening.
Regards,
Devin
I was typing a LONG message and then realized that you recommended downloading the updated theme. That was the fix. Thank you very much!