To signal to browsers that your page will adapt to all devices, add a meta tag to the head of the document:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

The meta viewport tag gives the browser instructions on how to adjust the dimensions and scaling of the page to the width of the device. When the meta viewport element is absent, mobile browsers default to rendering the page at a desktop screen width (usually about 980px, though this varies across devices). Mobile browsers then try to make the content look better by increasing font sizes and either scaling the content to fit the screen or showing only the part of the content that fits within the screen.

For users, this means......

As you start to redesign your website to become mobile friendly here is a tool that will help.

I think the best thing to do is Hide all pages but the home page.

Do all your edits and then check to see if the site is mobile friendly.

https://www.google.com/webmasters/tools/mobile-friendly/?utm_source=wmc-blog&utm_medium=referral&utm_campaign=mobile-friendly

Then unhide the next page and work on it. 

and check a gain.

I think doing one page at a time will keep you on track and is the easiest way to get it done.

Hope this is of help.

Web Design by KaSondera 

Our host has added a new feature - Mobile-friendly.

If you want to go mobile and are editing your site yourself. Log in and go to Design and ther you will find the place to go mobile

Check out this link for help to customize your pages for the new mobile look and feel.

 If Web Design by KaSondera does your updates Please contact her to let her know you are interested in going mobile.  ***

978-346-8397

http://websitesupport.ebsuite.com/supportfaqd.jsp?id=3389