1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

The [user-scalable="no"] attribute is used in the <meta name="viewport"> element, or the [maximum-sc

Discussion in 'Free Divi Community Forum' started by Baptiste passerelle, Dec 15, 2022.

  1. Baptiste passerelle

    Baptiste passerelle New Member

    Hello, I finally finish my website (passerelleagence.fr) and I'm looking for the best performance. I use the pagespeed.web.dev by Google to see what can be improved on my website. The only thing that last and which is not good something about "accessibility". Here is the improvement that Google offers me:

    The [user-scalable="no"] attribute is used in the <meta name="viewport"> element, or the [maximum-scale] attribute is less than 5. Disabling the zoom feature can be problematic for users who cannot see well and need to magnify the content of a web page to grasp the meaning. Learn more Non-compliant items head > meta <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> head > meta <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=0">

    Can you help me fix this problem?
     
    #1 Baptiste passerelle, Dec 15, 2022
    Frederick-SEO likes this.
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  2. GiuseppeM

    GiuseppeM New Member

    Put this in divi child theme
    functions php


    add_action('after_setup_theme', 'db_remove_et_viewport_meta');
    add_action('wp_head', 'db_enable_pinch_zoom');
    function db_remove_et_viewport_meta() {
    remove_action('wp_head', 'et_add_viewport_meta');
    }
    function db_enable_pinch_zoom() {
    echo '<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=0.1, maximum-scale=10.0">';
    }
     
    #2 GiuseppeM, Oct 21, 2023
    Pody and Frederick-SEO like this.
  3. Frederick-SEO

    Frederick-SEO New Member

    I am having the same issue. I added the above code to my functions.php, cleared caches, etc , but I still receive the same alert in PageSpeed.

    Are there viewport settings anywhere else in Wordpress / Divi?
     
    #3 Frederick-SEO, Jan 15, 2024
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  4. Pody

    Pody New Member


    It's working for me, thanks a lot.
     
    #4 Pody, Aug 14, 2024
(You must log in or sign up to post here.)