FLASH SALE Get 20% OFF everything using the coupon code: FLASH20 View Pricing Plans →



Theme Documentation

Plugin Documentation


How to Disable the Responsive Part of Your WPZOOM Theme

This tutorial is outdated, and instructions provided below may not be accurate anymore.

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 can proceed! 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 July 21, 2023

Related Docs