How to Disable Responsive Features in WordPress Themes

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

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

Methods to Disable WordPress Theme Responsive Layout

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 string of code and delete it.

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

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

After updating the files, check the frontend effect; the responsive layout should be gone. Note: The CSS file to modify may differ for different themes; specific analysis is required for each theme. For more on responsive layout, refer to:Baidu Baike