Theme not mobile-responsive

Hey @hptn091, I hope you are doing great.

I was unable to replicate your issue, however, what I did notice is the fact you have a hardcoded style that prevents a proper responsive display, here it is:

.page-content {
    min-width: 1100px;
}

It would be best if you could remove it or disable a plugin that may be conflicting with the Scribbles theme.

Alternatively, you may use this CSS code to override the value:

.page-content {
    min-width: initial;
}

Let me know if this helps, have a nice day,
Andrija

Thanks, Andrija, unfortunately that didn’t work. I’ve never seen a WordPress theme do this before. Any idea what sort of plugin might cause this?

Never mind, I literally got it to work right after I sent that! Thanks for your help ??

So sorry, following up AGAIN! Is there a way to make the width of the content container wider on desktop but still have it be mobile-friendly?

Hey @hptn091,

No worries, I’m glad to hear I was able to help you out.

What you want to use in this case is a media query that will apply the style only for desktop resolutions for example

@media (max-width: 768px)
{
.page-content {
    min-width: initial;
}
}

This rule can be defined as seen above and sets the maximum width for applying styles

Feel free to adjust the values per your needs.

I hope this works for you, have a nice day,
Andrija

Hi Andrija, I’m finally coming back to this and realized that doesn’t work. The pages are still showing up with the narrow width (example: https://inject2protect.org/for-parents). I made the max-width 1000px. Any thoughts?

Hi @hptn091,

Sorry to hear that did not work out, I tested the page you provided and I can see that an additional CSS code should be added.

Here it is:

div#primary {
    width: 100%;
}

Let me know if this works for you now.

Have a nice day,
Andrija

Success! Thank you SO much!