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

2021 Mid-Summer Shopify Website Check-in
2021 Mid-Summer Shopify Website Check-in

July 27, 2021

Hey gang, today's seventeen second spark is a mid-summer Shopify website check-in. Think of this as your half-time call. Time to head back to the locker room, take a status of how your website/business is doing and make modifications so you crush the second half of 2021.

Read More

3 Items To Update Immediately To Increase Conversions In 2021
3 Items To Update Immediately To Increase Conversions In 2021

July 06, 2021

Today's Seventeen Second Spark focusses on the 3 biggest items to update, on your Shopify Website, for the Second Half of 2021. I've been talking a lot about increasing traffic that converts on your Shopify Website. These 3 points will help spark the initiative to crush the rest of 2021.

Read More

Two New Ways To Increase Conversions on Shopify in 2021
Two New Ways To Increase Conversions on Shopify in 2021

July 02, 2021

Today's Seventeen Second Spark focusses on increasing traffic that converts on your Shopify Website. We all know that getting the right kind of traffic to your website can be tough. These two NEW proven strategies will help you get the best kind of traffic to your website, the traffic that is genuinely looking for your products to buy.

Read More