title: responsive or fullsize on mobile
body: <p>I have a responsive <a href="http://kunkka.oni.cc" rel="nofollow">WordPress site</a>, my client wants an option on a mobile to view the site in fullsize, an opt-out responsive option. Now with the help of a fellow programmer here, I got this:</p>
  
  <pre><code>&lt;script&gt;
  var yetVisited = localStorage['visited'];
  if (!yetVisited) {
    // open popup
    localStorage['visited'] = "yes";
    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {
      var answer = confirm('Would you like to switch to the mobile version of Klofficerent');
      if (answer) {
        console.log('yes');     
      } else {
        console.log('cancel');
        viewport = document.querySelector("meta[name=viewport]");
        viewport.setAttribute('content', 'width=device-width, initial-scale=0, maximum-scale=1.0, user-scalable=0');                
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>It sort of works, whenever I visit the link <a href="http://kunkka.oni.cc" rel="nofollow">kunkka.oni.cc</a>, my site turns to responsive on mobile, but it won't save this setting when I click on other pages and I need it to be. Anyone got any ideas?</p>