1. Support
  2. Knowledge Base
  3. FAQ
  4. Solving issues with the responsive layout of your WordPress theme

Solving issues with the responsive layout of your WordPress theme

All of our WordPress themes are fully responsive and automatically adapt based on the screen resolution of the particular device, be it on tiny mobile screens or large desktop devices. The responsive layout of your WordPress theme usually works out of the box and displays your content in a well-organized way. In case you have any issues with the responsive layout of your website, please have a look at our overview of the most common issues and their solutions.

How to disable the responsive layout of your WordPress theme

Nowadays all modern and professional websites should be responsive to properly support mobile devices, especially since Google made this one of their important ranking criterias. That means it’s highly recommended to ensure that your website is responsive to display well on mobile devices and disabling the responsive layout of your site usually doesn’t make sense at all.

That also is the reason why your WordPress theme doesn’t include options to disable the responsive layout as these options simply would be redundant. However, if you really want to disable the responsiveness of your website, you would need to remove all code from within the media queries within the stylesheet (style.css file) of your WordPress theme.

Responsive layout suddenly stopped working

In case you encounter issues where your website suddenly is not responsive anymore, this can have several reasons. The first thing you should do is check if you are running plugins which conflict with the responsive layout of your website. Sometimes plugins are being updated automatically and this could cause such issues. It’s recommended to deactivate your plugins one by one and see if that already solves your issue. Please also ensure that you have not accidentally modified code that could cause your issues. If you have modified code, please restore the original codebase.

Mobile version of WordPress theme doesn’t look like the theme demo

If the mobile layout of your website does not resemble the mobile layout which you can see in the particular theme demo, then you are most likely running plugins (e.g. Jetpack) that are overriding the responsive layout of your theme. To solve this issue, you could disable the plugin (or that particular feature within the plugin) and the default responsive layout of your WordPress theme will be used instead. In case this doesn’t solve your issue, please further debug your site and disable other 3rd party plugins one by one or remove scripts which might cause these conflicts. Please also see: What if the mobile layout does not look like the theme demo.

Advertisements and banners are not responsive and are being cut off

If your banners and advertisements are being cut off on desktop or mobile or in case your ads don’t show up as expected, then there usually is an issue with the implementation of your advertisement itself. Such issues are not related to your WordPress theme, but related to the implementation of your advertisement or related to invalid ad code. You always should ensure that your advertisements fit into the particular location. For example you can’t place a 728 x 90px leaderboard banner into a sidebar which has a width of 300px. In such cases it’s normal that your advertisement will be cut off and you should use 300 x 250px banners instead.

Please also keep in mind that while you are using responsive WordPress themes, your website will automatically adapt based on the particular screen resolution of the device. This means it might happen that while ads are being displayed fine on desktop, they are cut off on mobile devices because there is not enough space available. That is why you should make use of responsive advertisements wherever possible. You could contact your advertiser and check if there are responsive versions of your advertisements available. For more solutions to issues with advertisements, please see: Solving issues with ads and banners.

Behavior of sidebars and other widget areas on mobile

The benefit of responsive layouts is that these layouts will automatically adapt based on screen resolution and display your content nicely on mobile devices. This usually works with fluid grids of containers and these containers will automatically float below each other based on certain breakpoints. That means while the sidebar on your website is displaying left or right of your content on desktop devices, the sidebar will float below your content on mobile devices (e.g. smartphones).

Usually your content (as most important) will always display first on mobile devices and then the sidebars or other widget areas will be shown while scrolling down the page. It’s the same when using the widgetized Homepage template from our popular magazine themes, there also the widget areas will automatically float below each other on smaller devices. That also means you can’t suddenly display the sidebar on top or order the widget areas differently on mobile devices. Such changes always would require custom development based on your personal requirements.

You have not found a solution to your issue?

In case you have not found answers to your questions in this support article, please also take a look at our other support topics, as it is very likely that you will find your answer there. If you have purchased a WordPress theme by MH Themes and have a valid license to gain access to theme updates and support, then you may also send a support request for additional assistance.

Was this article helpful?

Related Articles

Stay in touch with us!

Join our newsletter and we let you know about new theme releases,
as well as important updates and discounts.

Latest news from our blog: Our Plans for MH Themes & MH Magazine in 2024 (25. April 2024)