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

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 @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