Meet the Needs of All of Your Website Visitors

by Damian Davila

An example of a site that has implemented RWD is HaymoreEndodontics.com, an endodontics practice in Las Vegas and Henderson, Nev. If you view this site from your desktop or laptop, you will see:

image2

Now, while on a desktop or laptop, try decreasing the width of your browser screen and you will see:

image3

You should notice a couple of differences:

image4

First, the top header space has been reduced from including phone, email, address and social media icons to just including social media icons. Second, the full navigation bar that once contained Home, About, FAQ, Procedures, Insurances, Blog and Contact has been minimized into a single RWD menu button. If you click the menu button, it will expand to reveal the full navigation bar.

As you have now experienced, RWD is an efficient solution to meet the needs of your mobile and tablet visitors, because the vertical rearrangement of your layout ensures that your site will work equally well on every device.

Here is a screenshot of the same site viewed through a Samsung Galaxy S3 smartphone:

image5