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

How to sell more products on your Shopify website
How to sell more products on your Shopify website

August 20, 2021

Today's Seventeen Second Spark is going to teach you how to sell more products on Shopify in less than one minute. A lot of you did a great job optimizing your SEO and your website to get organic visitors - Great Job! Now that you have them on your website and on your Product Page, you have to make it abundantly clear "WHY" they should purchase your products.

Read More

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