Mocha mobile not responsive

[cheryl23464]

Hello, everyone!

Not sure what to do here. I am using Mocha for a client's website. And it's not being responsive on mobile.

I checked with support and they told me the problem is this:

----------
It looks like width is set here:

.wrap {
margin: 0 auto;
width: 1140px;
}

This will break responsive css.

---------

But I'm not sure what any of that means. Can you offer any advice so the site can be responsive?
Thank you!
Cheryl

[emasai]

Change it to max-width: 1140px;

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[cheryl23464]

Thanks so much, Lynne!

Unfortunately, that solution didn't work.

Cheryl

[Summer]

If you look at the themes at the bottom of the StudioPress list, you'll see they are not HTML5, which means they are the oldest themes in the bunch, and were not designed to be mobile responsive out of the box, like the newer Pro themes are.

Mocha, Decor, Balance, Prose and Mindstream don't have media queries defined for any of the various mobile screen sizes, so you'd likely have to add those all in yourself in order to get responsive behavior.

Several other older themes aren't listed as available anymore, it seems (like Backcountry, for instance), so my guess is they are or soon will be retired. I had been hoping for a Pro version of Backcountry, an upgrade like some of the other older themes have received over the past year or two, and while the Backcountry demo is still online, I'm not sure if it's removal from the list of available themes means upgrade or put out to pasture.

---

WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
Slice of SciFi | Writers, After Dark

[Author]

Posts