6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Mobile Design Check Please

by vision2000
5 replies
Please check the home page of unitcoins.us. I added a CSS Media Queries Style Sheet however I'm not sure if it displays correctly even though I tried various online emulators. Seems like the background doesn't show up.

Thank you.
#check #design #mobile
  • Profile picture of the author Jay Moreno
    doesnt look like it detects android... just pulled it up on my phone and am just seeing the regular site...

    hth

    uke
    Signature
    Sorry, I am too busy helping people to think of a cool signature!
    {{ DiscussionBoard.errors[3770421].message }}
  • Profile picture of the author vision2000
    Thanks for checkin..how about now?
    {{ DiscussionBoard.errors[3771590].message }}
  • Profile picture of the author Vulk
    Don't you think that .gif image is a bad idea when targeting mobile phones?
    {{ DiscussionBoard.errors[3771601].message }}
    • Profile picture of the author vision2000
      Here's the CSS Media Queries I added to the bottom of the CSS based on this article....maybe I missed something.

      @media only screen and (max-device-width: 480px) {
      #wrapper {
      width: 400px;
      }
      #header {
      background-image: url(images/mobile-header.png);
      height: 54px;
      position: relative;
      }

      #header h1 {
      font-size: 140%;
      }

      #content {
      float: none;
      width: 100%;
      }

      #navigation {
      float:none;
      width: auto;
      }
      #footer {
      display: none;
      }
      }
      {{ DiscussionBoard.errors[3771738].message }}
  • Profile picture of the author vision2000
    Basically I narrowed the page width to 400px, reduced content width, and used display:none to remove large banners. Most pages look fine on my iPod however not sure about other devices.
    {{ DiscussionBoard.errors[3775876].message }}

Trending Topics