Mobile Design Check Please

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?
    Signature

    Herman Drost
    Learn how to drive massive traffic to any video
    or website for as little as 1 cent per view.
    MasterVideoAds.com

    {{ 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;
      }
      }
      Signature

      Herman Drost
      Learn how to drive massive traffic to any video
      or website for as little as 1 cent per view.
      MasterVideoAds.com

      {{ 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.
    Signature

    Herman Drost
    Learn how to drive massive traffic to any video
    or website for as little as 1 cent per view.
    MasterVideoAds.com

    {{ DiscussionBoard.errors[3775876].message }}

Trending Topics