Results 1 to 6 of 6

Thread: Please check my site on your mobile device

Hybrid View

  1. #1

    Please check my site on your mobile device

    Hi, please check if my website design works ok on your tablet, mobile phone etc. Here is the url: JZaps The content should flow and shrink to fit the view port.

  2. #2
    It looks good on my iPhone. The elements are resized and centered.

    Banner is at top.
    Block quote.
    page title
    image
    menu
    footer

    You can simulate this by resizing your browser window. The page is not flowing properly when it is resized on my desktop browser. If you are detecting mobile devices and swapping style sheets, you do not have to do that with responsive design. You only need to detect the width of the display device. A true responsive design does not care what the device is.

    I use Genesis Framework themes for WordPress responsive designs. You might want to take a look at the CSS code for some of those themes. They use separate blocks of CSS code for different display widths. There are demos on the StudioPress.com site.
    "Democracy is two wolves and a lamb voting on what to have for lunch. Liberty is a well-armed lamb contesting the vote." -- Benjamin Franklin


  3. #3
    Thanks for testing TD.

    The page is not flowing properly when it is resized on my desktop browser.
    Not sure what you mean here.

    If you are detecting mobile devices and swapping style sheets
    Nope, no switching of style sheets. I don't care about particular devices.

    I use Genesis Framework themes for WordPress
    Good for you, I prefer to develop my own CSS and HTML5 code.

  4. #4
    Quote Originally Posted by Andy101 View Post
    Not sure what you mean here.
    Hit that little double-box button in the top corner of your browser so you can manually resize the browser window. You should see a fluid responsive design flow and the elements resize as the browser windows gets smaller. Some of the web page objects, such as the block quote, title and image, are not resizing. Everything looks fine in my iPhone, but you should be able to see all of this taking place as you reduce the width of the browser window.

    Quote Originally Posted by Andy101 View Post
    Good for you, I prefer to develop my own CSS and HTML5 code.
    I did not infer that you should use the Genesis Framework themes. I suggested that you look at the CSS code to see if you can improve your code. The newer default themes that come with WordPress do it the same way.

    If a web page does not actively adjust for all viewing device widths, you will likely run into issues with some devices.

    Nonetheless, I did check it with my Kindle Fire. It looks like it displays properly there, as well.
    "Democracy is two wolves and a lamb voting on what to have for lunch. Liberty is a well-armed lamb contesting the vote." -- Benjamin Franklin


  5. #5
    It looks good on my Droid Incredible 1 with the stock browser. It appears to be a standard mobile version of a website.

  6. #6
    Thanks for taking the trouble to check the site guys.

    T I get what you are saying now.

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
  •