News Theme – Firefox Bug?

[Scott Buehler]

Guys n Gals,

I've been working on customizing the news theme and found a responsive display bug that only happens in Firefox (cur ver 17.0.1).

Head over to http://demo.studiopress.com/news/tyson-beckford/ then bring in the width of the browser to trigger the first @media stage (right sidebar collapses). In ONLY Firefox, the text on the right doesn't have the padding so some of the words get covered up.

First, can anyone reproduce this?

Second, any tips on correcting it? I opened Firebug and started disabling all of these properties that looked like was causing it, and I can't seem to discover what's causing it.

Strangely, the main page home template does not have this issue which is why I think this wasn't caught.

---

TygrScott on Social Media

[AnitaC]

I cannot offer you a solution to fix this, but I used my Android and here is a screenshot. I don't have right padding on my screen either and I have to scroll the screen to read the remainder of the text. I also noticed the advertising squares were not fully responsive either.

---

Need help with customization or troubleshooting? Reach out to me.

[Scott Buehler]

Found the answer here.

Within the responsive CSS "@media only screen and (max-width: 960px) {" search for

box-sizing: border-box;

and add these 2 rules:
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
That's all I had to do to fix it.

---

TygrScott on Social Media

[Author]

Posts