Modify viewport meta data

  • bowtie456

    (@bowtie456)


    4 years, 6 months ago

    When this page is opened on any Samsung phone, it is zoomed in about 10%-20%. It is happening across multiple phones and they have checked that there aren’t any accessibility settings causing this.

    Would adding maximum-scale=1 and user-scalable=0 to the meta data fix this problem? If so, how do I modify the viewport meta data in the head?

    If there’s a better way to stop Samsung phones from opening the page zoomed in, I’m open to that as well.

    Thanks for your help,
    Phil

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Branko

    (@brankoconjic)

    4 years, 6 months ago

    The viewport tag in the theme looks like this:
    <meta name="viewport" content="width=device-width, initial-scale=1">

    And it should work fine. Do you have the same issue when visiting our demo sites:

    https://demo.sinatrawp.com/simple-blog/
    https://demo.sinatrawp.com/travel-blog/

    Viewport meta tag in the theme is added in inc/template-parts.php:

    function sinatra_meta_viewport() {
	echo '<meta name="viewport" content="width=device-width, initial-scale=1">';
}
add_action( 'wp_head', 'sinatra_meta_viewport', 1 );

    In your child theme you can remove ‘sinatra_meta_viewport’ from ‘wp_head’ action and add your own.

    • This reply was modified 4 years, 6 months ago by Branko.
Viewing 1 replies (of 1 total)

The topic ‘Modify viewport meta data’ is closed to new replies.