I have been asked a few times the past few weeks how to make the Divi theme non-responsive.  My first thought and question is why would you want to make Divi non-responsive, and to be honest I haven’t heard a compelling reason to do it. But, some clients don’t take advise from their developer and just want things doing their way. So, after a little searching around I found this quick and easy fix over at AgentWP which involves editing your functions.php and style.css.

As with any edits to functions.php (or any of Divi theme files) you should be editing in a Child Theme.

Step 1 . Open functions.php file and delete the following code;

function et_add_viewport_meta(){
     echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />';
}
 add_action( 'wp_head', 'et_add_viewport_meta' );

Step 2. Oen your style.css file (in your child theme) and delete everything under the following code;

/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

Elegant Themes' Black Friday/Cyber Monday sale is still on if you want 25% discount! Dismiss

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close