SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Zealot
    Join Date
    Feb 2012
    Location
    US
    Posts
    145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Sprite issue on mobile

    I made a nice little social bar in the header of a real estate site and I noticed that they all slid to the left and scrunched on top of each other on mobile. I took out some padding and readjusted the margins on the sprite. They no longer collapse but the spacing in between them disappears and they move to the left.
    Any advice?
    http://willwebberhomes.com/

    I also noticed that despite setting a color to the h3, on Ipad the phone number goes to a different color, but its fine on android. Is this a Apple browser thing?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Your icons are a bit messed up on desktop for me. Try giving the UL a width.

  3. #3
    SitePoint Zealot
    Join Date
    Feb 2012
    Location
    US
    Posts
    145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok, i added a width of 240px, but didnt change mobile. It looks fine on my Chrome and FF on mac, what browser are you in Ralph?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    I'm on Chrome, Mac, but it looks OK now. Because your images are positioned absolutely (which I don't recommend here) the margins on the LIs won't affect their positioning.

    I recommend that you float the LIs left, give them a width and height of 40 px and a left margin. No need for any positioning on the links or images.

  5. #5
    SitePoint Zealot
    Join Date
    Feb 2012
    Location
    US
    Posts
    145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That did it! Thanks Ralph, I believe my sprite training is now complete...hopefully..lol!

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Cool, you're welcome.

  7. #7
    SitePoint Zealot
    Join Date
    Feb 2012
    Location
    US
    Posts
    145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    just added you on G+ too


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
  •