52 posts
  • Referred between 1 and 9 users
  • United States
  • Exclusive Author
  • Sold between 5 000 and 10 000 dollars
  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
ReneMerino says

Hi,

I wanted to get some feedback on this new template I’m working on, also I’m having an issue where when this site is viewed on a mobile device, it appears slightly zoomed in and I don’t know why, I added this tag but the issue still persist.

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

any feedback and help would be greatly appreciated.

Thanks, Rene

52 posts
  • Referred between 1 and 9 users
  • United States
  • Exclusive Author
  • Sold between 5 000 and 10 000 dollars
  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
ReneMerino says

anyone?

266 posts
  • Sold between 5 000 and 10 000 dollars
  • France
  • Most Wanted Bounty Winner
  • Referred between 1 and 9 users
  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Exclusive Author
doubleF says

with a link, that will be easier to help you :)

1950 posts
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Exclusive Author
  • Has been a member for 5-6 years
  • Sold between 10 000 and 50 000 dollars
  • Grew a moustache for the Envato Movember competition
  • Beta Tester
  • Bought between 50 and 99 items
  • Canada
mafloral says

hey there try this.

// IPad/IPhone
    var viewportmeta = document.querySelector && document.querySelector('meta[name="viewport"]'),
    ua = navigator.userAgent,

    gestureStart = function () {
        viewportmeta.content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
    },

    scaleFix = function () {
      if (viewportmeta && /iPhone|iPad/.test(ua) && !/Opera Mini/.test(ua)) {
        viewportmeta.content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
        document.addEventListener("gesturestart", gestureStart, false);
      }
    };
scaleFix();
// Menu Android
    var userag = navigator.userAgent.toLowerCase();
    var isAndroid = userag.indexOf("android") > -1; 
    if(isAndroid) {
        $('.sf-menu').responsiveMenu({autoArrows:true});
    }
});

This would go into your main js script file.

cheers

Lester

52 posts
  • Referred between 1 and 9 users
  • United States
  • Exclusive Author
  • Sold between 5 000 and 10 000 dollars
  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
ReneMerino says

Hey sorry forgot to add the link here it is,

http://preview.amayamedia.com/orcur
52 posts
  • Referred between 1 and 9 users
  • United States
  • Exclusive Author
  • Sold between 5 000 and 10 000 dollars
  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
ReneMerino says

@mafloral I tried your code but everything is the same, when viewed in a mobile device is still slightly zoomed in.

by
by
by
by
by
by