I’m noticing through the custom Mobile CSS in VC, I have been able to do a decent job of controlling the portrait layout of the (iphone 4), but my landscape view (iphone 4) looks terrible, and needs similar adjustments yet.
How can I target revisions specific to the (iphone) landscape view?
Similar to the portrait/landscape variations of iPad, would love to see tagDiv incorporate something similar for mobile/phone/iphone (apologies, not really sensitive at this time to how the phone devices are grouped or referenced).
Thanks!
Hi,
You can check the media queries I pasted below and chose the one you like to target and apply your style just to specific screen width.
@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }The one you should use for iPhone 4 landscape is @media (min-width:480px) as the minimum width of iPhone 4 in landscape mode is 480px.
Thanks
Awesome, exactly what I was looking for.
Thanks Lucian, as well for the comments on earlier posts.
Know you’re working hard to help satisfy everyone, and really appreciate your time and support you invest.
Very happy with the theme and its support.
Glad I could help, we all do our best!
Thanks for the message!
Just wanted to confirm, I’ve got my mobile landscape viewing the way I’d like now.
Thanks!
