Theme is no longer responsive

Hi nay18,

thanks for using MH Magazine lite.

The responsive layout of the theme itself works absolutely fine, see theme demo. Can you please be more specific regarding what your issue is and also provide your URL so that we can check your site? Probably you are using a plugin that is overriding the responsive layout of the theme.

Hi MH Themes,

Thank you for the quick response!

I am referring to the site not scaling when it is on a smaller screen( a person would have to scroll left/right).

Ok… I have just noticed that it could be me overriding the CSS code with my own:

.mh-container {
width: 1200px;
}

When I remove that it scales down correctly.. Is there another way I could make this change without it affecting the responsiveness?

Here is the link to my site – https://www.jandrmediadevelopmentsite.co.za/guesthouseonmain/

It is still in the beginning stages… Please bear with me.

Thanks so much!

Yes, the issue is caused by your modification. You would also need to modify the media queries to customize the width for the responsive layout.

Please have a look at this for more information: Media Queries.

Thank you ?

This was an alternate solution for me as I am not up to speed with using media queries..

I initially overrode the CSS code with this:

.mh-container {
width: 1200px;
}

But it disabled my responsiveness in the theme.

Figured out if I add this line of code it works perfectly again!

.mh-container {
width: 1200px;
max-width: 100%;
}

Hope this helps someone else!
?