Website Aliged Left on Iphones & Ipads

  • Resolved ohsnapjulie

    (@ohsnapjulie)


    12 years, 1 month ago

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

    https://www.birdsandhoney.com

    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)
  • Max

    (@clementsm)

    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.

    Thread Starter ohsnapjulie

    (@ohsnapjulie)

    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.

    Thread Starter ohsnapjulie

    (@ohsnapjulie)

    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 ‘Website Aliged Left on Iphones & Ipads’ is closed to new replies.