Viewport Tag

Hello Peeps,

I’ve got a quick tip for any web designer on any platform. It’s called (drumroll), the viewport meta tag. This line of HTML ensures that your website will show up at the correct zoom level for mobile. Now, sometimes without this tag, when you visit a website, you have to zoom out to see the whole page. But when you add this tag, it automatically zooms to the correct level according to the device you’re on.

Now, actually using this tag is simple. Find your header file. For WordPress this file will be called header.php. Then insert these two lines of code:

<meta name=”viewport” content=”initial-scale=1″>

<meta name=”viewport” content=”width=device-width”>

There are other ways to do accomplish the same thing, but the way I described is my personal favorite.

NOTE: In some themes, this may be built in. Just check your header and functions file for the word viewport, and if it has it, remove it, and use the one I told you too. Believe me, it works better.

That’s all for now folks,

Jake Dohm

Leave a Comment