WordPress.org

Support

Support » Themes and Templates » [Resolved] Website Aliged Left on Iphones & Ipads

[Resolved] Website Aliged Left on Iphones & Ipads

  • I am having trouble getting a website I created to be center aligned on iphones and ipads.

    Home

    The website is center aligned on all browsers but is left aligned on ipads and iphones. Any ideas on what could be causing this problem?

    Thank you for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • It’s centered on my iphone?

    Ryan Gatto

    @catonthecouchproductions

    You could do browser specific CSS so you can modify how it looks on the iphone/ipad.

    Max, that is strange that it is centered on your iphone and not mine. I do have an older iphone so perhaps that is the problem?

    Ryan, I haven’t had to do this for an iphone before. Could you direct me to a resource that would be helpful so that I could learn how to do this? This was included with the blank theme that I used to code the website:

    @media screen and (max-device-width: 480px) {
    
    }
    
    @media all and (orientation: portrait) {
    
    }
    
    @media all and (orientation: landscape) {
    
    }

    Thanks again for the help.

    Problem solved. I overlooked changing the width on the menu bar. It was set very wide and was changing the alignment.

    Thanks everyone for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Website Aliged Left on Iphones & Ipads’ is closed to new replies.
Skip to toolbar