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]-------------*/
/*------------------------------------------------*/

Comments

comments

Pin It on Pinterest