Call: 604-655-5592 | Email: connect@kkwcreative.com

Update Shopify Mobile Viewport Meta Code for a Smoother Running Website

Update Shopify Mobile Viewport Meta Code for a Smoother Running Website

July 15, 2021


In today's Seventeen Second Spark we're talking about updating some of the outdated Shopify theme liquid code, more specifically, the Viewport meta Content code. Without a viewport meta tag, mobile devices render pages at typical desktop screen widths and then scale the pages down, making them difficult to read. Setting the viewport meta tag, with updated code, lets you control the width and scaling of the viewport so that it's sized correctly on all devices.

Typically, in older websites and theme, the viewport meta code (found in your Theme.Liquid page) looks like this:

meta name="viewport" content="width=device-width,initial-scale=1"

The content above is a little outdated (based on Google's newest protocols), so we suggest you swap out that code with this code:

meta name="viewport" content="initial-scale=1, maximum-scale=1"

Updating this code will keep your website mobile experience running smoothly for your valued visitors. Don't give your potential customers a reason to leave. Not having a seamless mobile experience is detrimental to your conversions. 

Keep your site code fresh, have fun, and if you need help, don't hesitate to reach out to us for help.




Also in Free Shopify Advice

The Best Items To Sell On Shopify in 2022
The Best Items To Sell On Shopify in 2022

November 20, 2021

To succeed in business in 2022, on Shopify, it is critical to separate yourself from the noise of other stores and chart your own path. 

Read More

Only Work With Shopify Experts That Are Invested In Your Success
Only Work With Shopify Experts That Are Invested In Your Success

October 30, 2021

With over 20 years in the industry, Ketchum, Killum & Wynn Creative Inc. has your best interests in mind and we are personally invested in YOUR success. We only look good if YOU are successful.

Read More

5 Critical Task to do to your Shopify Website Before BFCM 2021
5 Critical Task to do to your Shopify Website Before BFCM 2021

October 21, 2021

It's coming, are you ready? This year, BFCM takes place over November 26-29, 2021 and you NEED to be ready. Depending on when you're reading this post, you have time to get your website, and your enntire busines, in Ship-Shape.  Here are 5 critical task to do to your Shopify website before BFCM 2021.

Read More