WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Website Aliged Left on Iphones & Ipads (5 posts)

  1. ohsnapjulie
    Member
    Posted 1 year ago #

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

    http://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.

  2. Max
    Member
    Posted 1 year ago #

    It's centered on my iphone?

  3. Ryan Gatto
    Member
    Posted 1 year ago #

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

  4. ohsnapjulie
    Member
    Posted 1 year ago #

    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.

  5. ohsnapjulie
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic