Skip to main content
Participant
July 31, 2017
Question

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

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 is closed to new replies. Start a new post to keep the conversation going.

    3 replies

    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">

    Translate
    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>

    Translate
    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.

    Translate
    Nancy O'Shea— Product User & Community Expert