News Theme – Firefox Bug?

Community Forums Forums General Discussion News Theme – Firefox Bug?

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Scott Buehler 1 year, 9 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #9131

    Scott Buehler
    Participant
    Post count: 50

    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.


    Scott Buehler
    WebHostingChoose.com

    #9143

    AC
    Blocked
    Post count: 7712

    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.

    #9360

    Scott Buehler
    Participant
    Post count: 50

    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.


    Scott Buehler
    WebHostingChoose.com

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘News Theme – Firefox Bug?’ is closed to new replies.