How to Fix the Divi 5 Viewport Zoom Error (Bulletproof Method)

janiebug — Mon, 08 Dec 2025 18:50:57 +0000

Important: This method requires access to your WordPress site’s filesystem. You must be able to upload files to the /wp-content/mu-plugins/ directory via SFTP, SSH, or your hosting control panel. Users who only have access to the WordPress admin dashboard cannot use MU plugins.

If you’ve been using Divi 5, you might have run into this frustrating error during your speed tests:

“Disabling zooming is problematic for users with low vision…”

I know I did. No matter what I tried in my child theme or functions.php, Divi just kept printing its own viewport tag. Zooming was blocked, and Lighthouse kept flagging it as an accessibility problem.

After some digging, I found the only method that actually works and it’s surprisingly simple.

Why this happens

Divi 5 now injects the viewport meta tag after your theme code runs, which is why normal fixes don’t work. The problem tag usually looks like this:

The issue is with maximum-scale=1.0 and user-scalable=no. They prevent users from zooming — which is bad for accessibility.

The fix I used: a Must-Use Plugin

Instead of fighting Divi, I created a tiny MU-plugin. “MU” stands for Must-Use — these plugins run before Divi and can’t be overridden.

Here’s what I did:

1. went to /wp-content/mu-plugins/ (created the folder if it didn’t exist).

2. Created a new file called force-viewport-fix.php.

3. Pasted this code:

<?php
/*
Plugin Name: Force Viewport Fix
Description: Ensures accessible viewport tag overrides Divi 5.
*/

// Remove Divi's viewport tag
add_action('wp_head', function() {
    remove_action('wp_head', 'et_add_viewport_meta');
}, 0);

// Add correct viewport tag
add_action('wp_head', function() {
    echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">‘ . “\n”;
}, 1);

And that was it.

Why it works

MU-plugins always load first
We remove Divi’s viewport with an output buffer
Then we insert a clean, accessible viewport
Divi can’t override it, so Lighthouse no longer complains

The viewport tag you want

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes>

This lets users zoom normally, which is essential for people with low vision or anyone using small screens.

Final thoughts

Divi 5 is amazing, but the locked viewport tag was a huge headache. This MU-plugin solution is simple, effective, and keeps your site accessible no hacks, no ignored code.