SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    165
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    menu displaying improperly in safari on ipad

    My website bidsservice.com is displaying strangely in safari on the ipad.
    also the phone number under the logo is displaying incorreectly (see attached image)
    photo1.png

    The nav is suppposed to be all in one line and the phone number obviously should not overlap.

    i do not know how to fix this in the css as it is only a problem in mobile safari.

    if it helps, its a wordpress theme - a child of the 2010 theme.

    can anybody give me some direction on this? im not used to dealing with mobile styling.

    anything smaller than the ipad it defaults to a predesigned mobile theme.

    I greatly appreciate any and all help.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Try these changes:

    Code:
    .menu-header ul{padding:0 }
    #access .menu-header ul a{padding:0 0 10px;text-align:center}
    .huge{line-height:38px}

  3. #3
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    165
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So i tried those and they didnt do anything.
    Also i screwed up, it wasnt safari, it was chrome.
    still on iPad

    the more i try to fix this, the more i think something is screwed up with chrome on my ipad.
    i have made drastic changes to the nav, and chrome in ipad looks exactly the same

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by tim@getdim View Post
    So i tried those and they didnt do anything.
    Also i screwed up, it wasnt safari, it was chrome.
    still on iPad

    the more i try to fix this, the more i think something is screwed up with chrome on my ipad.
    i have made drastic changes to the nav, and chrome in ipad looks exactly the same
    Hi,

    The nav was displaying exactly as shown on your image in safari on the ipad yesterday. I copied your page locally and added the rules I gave you after the original CSS and it fixed the nav on Safari so I would have assumed the fix was good but I don't have chrome to test.

    Your site seems to be down at the moment so I can't re-test.

    If you are making changes and nothing is happening in Chrome then it sounds as though something is wrong or something is stuck in cache somewhere.

  5. #5
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    165
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have cleared the cash, cookies, and browsing history in chrome. still nothing changes.
    I was in process of moving files on the ftp which caused the site to go down temporarily.
    the site is now back. it looks fine in safari on ipad. chrome is still displaying exactly the same.
    unfortunately right now i dont have access to even a desktop version of chrome to further investigate.
    perhaps someone with chrome will pop up and be able to help.

    Thanks for your assistance.

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi, I just downloaded Chrome on my wife's ipad and the site looks the same as Safari and the menu is displaying on one line in both. It looks like you have some room to space it out more if you want but don't use padding just to make it fit as text is wider on an ipad and will drop to a new line if you try for an exact full width fit.

  7. #7
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    165
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you for all your help


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •