title: Wordpress Additional CSS - Changing viewport initial-scale with media query
body: <p>Looking to make a Wordpress website mobile responsive. I'm using a media query in Additional CSS to scale the content for different devices. Many ways to customise this, but one option I'd like to try is scaling the whole thing with a single query - i.e. changing the initial scale on the viewport from 1 to .4.</p>
  <p>Example HTML from Elements:</p>
  <pre><code>//original line
  meta name = &quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;
  
  //updated to scale full page to .4
  meta name = &quot;viewport&quot; content=&quot;width=device-width, initial-scale=.4&quot;
  </code></pre>
  <p>I'd like to integrate these into a media query. I've seen features such as aspect-ratio, height, width, etc, but not sure if I'm supposed to explicitly call the initial-scale like it's specified in HTML? Not to mention when I call these features in the media query they don't seem to reflect any change in the mobile preview (example below).</p>
  <pre><code>@media screen and (max-width: 800px) {
     width: 50%
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/d2Mom.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/d2Mom.png" alt="enter image description here" /></a></p>