LIMITED OFFER: Get All Themes Package (39 Themes) for only $97 View Details →

Related Docs

How to disable the responsive part of your theme

A lot of WPZOOM themes are now “responsive”, meaning the theme dynamically adapts to fit the size of the screen. This is especially helpful when viewing the theme on a smartphone or tablet.

However, responsive themes aren’t for everyone, and WPZOOM users often want to disable the responsive-ness of their theme. I’ll show you how to do that here in a  couple of steps. You’re going to need to edit some CSS, but if you follow the steps shown, this should be straightforward!

Is your WordPress theme not working how you want it? WPZOOM themes are responsive, but easy to customize. Switch to a WordPress theme that works.

Removing responsive CSS

From your WordPress Dashboard, navigate to AppearanceEditor. When the editor screen loads, select Header (header.php) file from the list on the right, and remove the line including viewport tag from it:

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

Then select Stylesheet (style.css) file, scroll down nearly to the bottom, until you find the section which starts:

/***********************************************************

# Media Queries

***************************************************************/
In some newer WPZOOM themes you may not find a “Media Queries” section in your stylesheet. That’s because those are stored in a separate file: /css/media-queries.css.

If your theme does have the media queries section in the stylesheet, we canproceed! You now need to select from the start of that section all the way to the bottom of the file and then delete your selection.

With the selection deleted, you just need to click Update File and your site will now no longer have any responsive functionality.

Last updated on January 12, 2017
Have a suggestion?