Skip to main content
Participant
July 31, 2017
Question

Pinch and Zoom not working (First post, please help!)

  • July 31, 2017
  • 1 reply
  • 402 views

Hi all. I'm very much a beginner so would appreciate help with getting pinch and zoom functionality working on the mobile version of my site. I'm using the below line in the HTML but nothing seems to allow the "user-scalable" when browsing through mobile device view. Is there anything I may be missing that may be stopping it from working. It works on my Chrome browser with some websites so I know it isn't just the device blocking it.

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=1">

    This topic has been closed for replies.

    1 reply

    Jon Fritz
    Community Expert
    Community Expert
    July 31, 2017

    Replace that meta tag with this...

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

    Participant
    July 31, 2017

    Hi Jon. Unfortunately that's still not working for me. Am I doing something incredibly stupid? Is there anything in CSS which might possibly cause this?

    <head>

    <meta charset="utf-8">

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

    <title>Home</title>

    <link rel="stylesheet" href="css/styles.css">

    <link rel="stylesheet" href="css/slicknav.css">

    </head>

    Nancy OShea
    Community Expert
    Community Expert
    July 31, 2017

    Of course we can't see your CSS since it's on your computer.

    Check your code for errors & fix any reported ones.

    If you want more help, please upload your work so far to a TEST folder on your remote site and post the URL.

    Nancy O'Shea— Product User & Community Expert