Anyone know why site shows in ipad portrait and not landscape

Discussion in 'HTML & Website Design' started by mikey1090, Feb 15, 2016.

Thread Status:
Not open for further replies.
  1. #1
    Hi DP members :)

    https://www.planetcamping.co.uk/

    Just working on this site at the moment. It shows nicely on ipad in portrait mode. As soon as I rotate the ipad to landscape mode, I get a blank screen. Any ideas why?

    Thanks
    Mike
     
    Solved! View solution.
    mikey1090, Feb 15, 2016 IP
  2. #2
    Play with your @media code. You may want to change the landscape one (I think in your case it's this: @media only screen and (min-width:801px){....your css goes here....}) to the standard code:

    
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape) {....your css goes here....}
    
    Code (markup):
     
    qwikad.com, Feb 15, 2016 IP
    Shahzad Jameel and mikey1090 like this.
  3. mikey1090

    mikey1090 Moderator Staff

    Messages:
    15,869
    Likes Received:
    1,055
    Best Answers:
    0
    Trophy Points:
    445
    Digital Goods:
    2
    #3
    Thanks for the reply! Got it sorted, didn't realise that 801 query was still in there.
     
    mikey1090, Feb 15, 2016 IP
Thread Status:
Not open for further replies.