Viewport meta tag and CSS breakpoints in Parallax Pro

[marybaum]

If I narrow my browser window, the responsive styles in my test site at http://mommafixamac.com behave perfectly. But when I bring up the same site on an actual device - an iPad or an iPhone 5s - the type acts as if there's no responsive code at all.

I disabled all my plugins, in hopes of finding a conflict, but no joy.

The viewport meta tag is in the header, as it should be, and the default function in functions.php calls it, also as expected.

Any idea what the real problem is? I haven't had this issue with other sites, before or since the move to Genesis 2 and html 5.

Thanks for your thoughts!

MB

---

Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

http://mommafixamac.com

[marybaum]

A followup: At a loss for what else to do, I added my type rules manually to each breakpoint. That worked, but I would love to know why I had to do that.

I had tried:

Dumping my functions.php file and starting with a new one.
Filtering the viewport meta tag to start with a minimum scale of 2 instead of 1.
Rewriting shorthand font: rules as long-form, and making sure every declaration had rems and percentages.

It's as if my type rules didn't cascade, when usually, everyone's does.

MB

---

Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

[Author]

Posts