Hello Theme viewport – [user-scalable=”no”] or [maximum-scale] is less than 5.

  • Resolved ruudiz

    (@ruudiz)


    5 years, 2 months ago

    Hello!

    When testing page with web.dev tool, I get a message:

    [user-scalable="no"] is used in the <meta name="viewport"> element or the [maximum-scale] attribute is less than 5.

    When I visit header.php I see:

    <?php $viewport_content = apply_filters( 'hello_elementor_viewport_content', 'width=device-width, initial-scale=1' ); ?>
<meta name="viewport" content="<?php echo esc_attr( $viewport_content ); ?>">

    I added maximum-scale=5 so currently header viewport code is:

    <?php $viewport_content = apply_filters( 'hello_elementor_viewport_content', 'width=device-width, initial-scale=1, maximum-scale=5' ); ?>
<meta name="viewport" content="<?php echo esc_attr( $viewport_content ); ?>">

    Even when I add maximum-scale=5 and clear caches I still get the same message from web.dev tool.

    What could be the issue?

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • shilo-ey

    (@shiloey)

    5 years, 2 months ago

    Hey @ruudiz ,

    Thanks for your feedback.

    From checking the source code of the header.php file, and from this article: https://www.a11yproject.com/posts/2013-01-14-never-use-maximum-scale/
    I can see that Hello theme complies with the guidelines and best practices.

    The default setting for user-scalable is “yes”.

    Thanks

    Thread Starter ruudiz

    (@ruudiz)

    5 years, 2 months ago

    Hello @shiloey!

    Ok, I see. However, zooming doesn’t work for me.

    Oh well, I will try to solve this issue and leave a solution here when I find it.

    Thanks!

    Thread Starter ruudiz

    (@ruudiz)

    5 years, 1 month ago

    The issue was caused by Elementor – Header, Footer & Blocks plugin (https://wordpress.org/plugins/header-footer-elementor/)

    It overrides the theme header.

    Peyo Peev

    (@peyobarosvision)

    5 years ago

    Hey, @ruudiz I wanted to ask if you’ve found a solution to that issue. I’m facing the same problem and I can’t seem to find a solution.

    I’m also using Header, Footer & Blocks plugin.

    Thanks in advance!

    Thread Starter ruudiz

    (@ruudiz)

    5 years ago

    Hello @peyobarosvision,

    I just switched to the Elementor headers by using Theme Builder.

    Dasboard>Templates>Theme Builder>Add New>Header

    You can choose display conditions next to Elementor editor Update button – Save Options (small triangle).

    • This reply was modified 5 years ago by ruudiz.
    Peyo Peev

    (@peyobarosvision)

    5 years ago

    @ruudiz thanks for the quick reply!

    I was afraid I need to do that…honestly I was looking for a workaround but I guess using the pro features of Elementor is the way to go.

    Thanks again and all the best!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Hello Theme viewport – [user-scalable=”no”] or [maximum-scale] is less than 5.’ is closed to new replies.

Tags