How to Disable the Responsive Feature of a WordPress Theme

In recent years, due to the diversification of internet devices, mostWordPress Themeshave adopted responsive layout design (responsive layout). However, there are always some special website requirements that do not want a responsive layout. This article introduces common methods to disable responsive layout.

Remember to back up theme files before modifying them; if errors occur, replace them back.

Methods to Disable Responsive Layout in WordPress Themes

First, in the WP admin dashboard, click Appearance > Editor (Theme Editor), then select the theme header (header.php) in the file editing section on the right. Find the following code snippet and delete it.

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Then modify the stylesheet (style.css) file, find code like the example below (@media screen and), and delete all of it.

@media screen and (max-width: 1210px)

After updating the files, check the frontend; the responsive layout should be gone. Note that the CSS files to modify may vary depending on the theme, so analyze each theme specifically. For more on responsive layout, refer to:Baidu Baike