Design Leap » screen resolution http://www.designleap.net/blog Helping Small Business Owners Understand Online and Print Media Wed, 08 Jun 2011 10:33:23 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 How to check that your main website content is above the fold http://www.designleap.net/blog/2010/01/how-to-check-that-your-main-website-content-is-above-the-fold.html http://www.designleap.net/blog/2010/01/how-to-check-that-your-main-website-content-is-above-the-fold.html#comments Fri, 15 Jan 2010 13:25:52 +0000 admin http://www.designleap.net/blog/?p=454 OK, so you understand the concept of showing your main website content above the fold on your website. Now you wonder “how do I display my main content  to all the visitors the same if all of them have different browser size resolutions?” There’s a simple solution to what you probably thought was impossible to do.

To make sure that your main website content fits above the fold for your users, follow these steps:

  1. Check your analytics program to see what top 3 screen resolutions your users are using. Since you can’t please everyone, you can at least please the majority of your website visitors.
    screen-resolution
  2. Go to the Google Browser Size tool http://browsersize.googlelabs.com and enter your website next to the Google logo and hit Go.
    browser-size
  3. Evaluate the colorful chart to see if your website’s main content fits within your top 3 screen resolutions from step 1.
  4. Adjust your website content if necessary.

Post to Twitter Tweet This Post to Delicious Delicious Post to Digg Digg This Post to Facebook Facebook Post to StumbleUpon Stumble This

]]> http://www.designleap.net/blog/2010/01/how-to-check-that-your-main-website-content-is-above-the-fold.html/feed 2