Building a Website – How To Preview on Mobile

image of tablet and smart phoneYou’re working along on your website, things are going well and you’re happy with the layout. You hit ‘preview’ one last time and it’s perfect.

You publish and breath a sigh of relief. Later on, you are checking your site on your smartphone and something is wrong. The section you just completed looks terrible on mobile! Ouch!

If you’re a WordPress user, you can probably relate to this scenario. Is there a way to avoid it? Yes!

 

 

How To Preview Your Website on Mobile:

When you hit the ‘preview’ button on WordPress, a new tab opens and shows you how your finished page or post will look. There’s a website called mobiletest.me that allows you to view a website on several different mobile devices (their list does need to be updated).

If you copy & paste the link from the PREVIEW tab to mobile me, you can get a live look before you publish.

That’s It??

Well, that’s one way. You can also sit with several of your own devices, with your site open on each one. Every time you make a change and publish, refresh your mobile device browser and look again. Tedious for sure, but considering that at least half of your website visitors will be on mobile, it’s worth the effort. 

 

You can also right click your preview page and select ‘inspect’. From there you can toggle the mobile icon (see picture) and it will preview as well.  I personally do not care for this method but you can try it if you want.

image of website in mobile preview mode

What are some things that you do when working on your WordPress website to make sure it’s mobile friendly?

PS- I would love to help you with your WordPress website. To receive occasional tips & tricks enter your information below. Don’t worry, I hate spam and won’t blast you with it.

 

 

Scott Gibbens

Scott Gibbens has been a small business entrepreneur since 1988. Scott enjoys helping people from all walks of life achieve true business success.

2 Responses to “Building a Website – How To Preview on Mobile

  • Monica Bouteiller
    3 weeks ago

    Thank you for your help here. I had been writing a lot of articles for my online business and thought it was time to see what it looked like on my IPhone. It looked horrible. I followed your instructions and now I can see my website on my iphone perfectly. I had no idea it was that easy to fix. Thank you!

    • Scott Gibbens
      3 weeks ago

      Hi Monica – So glad that this could help you!