Why is the meta name='viewport' tag not working on my website?

Technical Q&A

Topic summary

Users are experiencing issues where PageSpeed Insights reports a missing viewport meta tag despite it being present in their Shopify theme code. The tag appears correctly inserted in the <head> section with proper syntax (<meta name="viewport" content="width=device-width, initial-scale=1">), but the error persists.

Troubleshooting attempts that failed:

  • Verifying placement within <head> section
  • Checking for syntax errors and conflicting code
  • Clearing browser cache
  • Positioning the tag immediately after the <head> opening tag

Successful resolution:
One user identified the root cause as a third-party Shopify app (specifically a fraud/visitor blocking app) that was interfering with the viewport tag detection. After uninstalling the conflicting app, PageSpeed Insights correctly recognized the meta tag and metrics improved.

Current status: The issue appears solvable by identifying and removing conflicting third-party apps rather than modifying the viewport tag code itself.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi,guys!

Please help me as ` tag is not working.

As you can see in the attached image, the meta name=“viewport” tag has been inserted, but PageSpeed Insights still throws an error no matter how many times I try.

Here is my website.

https://claclacstore.com/

It would be helpful if someone could tell me why the ` tag doesn’t work and how to fix.
thank you.

PageSpeedInsight.jpg
PageSpeedInsight.jpg1830×953 104 KB

Webpage.jpg
Webpage.jpg1920×986 293 KB

Code.jpg
Code.jpg1920×918 189 KB

2

It looks like you’re facing an issue with the <meta name="viewport"> tag not working as expected. The viewport meta tag is crucial for ensuring proper responsiveness and display on different devices. Here are a few steps you can take to troubleshoot and resolve the issue:

  1. Verify the placement: Make sure the <meta name="viewport"> tag is placed within the <head> section of your HTML code. It should be placed before any other CSS or JavaScript files.

  2. Check for conflicting code: Ensure that there are no conflicting CSS or JavaScript codes that might be overriding or interfering with the viewport settings. Look for any other viewport-related tags or CSS properties that might be conflicting.

  3. Check the syntax: Double-check the syntax of the viewport tag to ensure it is correct. It should resemble the following:

  1. Pay attention to the placement of quotes, commas, and the values of the content attribute.

  2. Clear cache: If you have previously tested the <meta name="viewport"> tag and it didn’t seem to work, try clearing your browser cache. Sometimes, cached versions of your website might not reflect the recent changes you made.

2 Likes
3

Thank you for your suggestion!
I tried all you suggested but it didn’t work…

Do you still have any idea to solve this problem?

4

Hi, I am also facing this issue. I added the updated code to the head section of the theme.liquid file. But it still says 'does not have a .

thewatchtrend_0-1684770192590.png
thewatchtrend_0-1684770192590.png709×492 30.3 KB

Please could someone adivse why this is not being picked up?

5

Put the code after the

Make sure after the line..

6

I have faced the same issue. It was caused by another app I installed for blocking frauds and visitors from specific countries. After uninstalling it, all my pagespeed metrics became green :slightly_smiling_face: as the meta tag was detected at last.