Lost Responsive Layout Outreach Theme

Community Forums Forums Design Tips and Tricks Lost Responsive Layout Outreach Theme

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  David Chu 1 year ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #35188

    mlgsings
    Participant
    Post count: 3

    This is the site I’m working on:

    http://www.ceicva.org/refresh

    While working on it this evening, at some point I lost the responsiveness. Where did I go wrong?

    Thanks in advance,
    Melodie

    #35218

    David Chu
    Participant
    Post count: 1179

    Hi,
    The simple answer is that there must be a typo. It’s hard to say exactly. You’ll want to validate the CSS like so.

    I can tell you that this line looks pretty wild, and won’t work, but I wouldn’t think that it would kill the rest of the CSS, but maybe it does:

    .outreach-orange #sub-footer .latest-tweets ul li:before {
    	border-color: #da791a #da791a transparent transparent;
    }
    

    If I were diagnosing this, I’d start with any line beginning with “.outreach”, but unfortunately there are zillions of those. I’d also take a look at the Microsoft filtering stuff – that’s always tricky to get working.

    Good luck, Dave


    David Chu · Custom WordPress Developer – likes collaborating with Designers

    #35502

    mlgsings
    Participant
    Post count: 3

    I kept poring over the style.css myself and using W3C validation service which pointed out a parse error in this segment:

    .outreach-ceic .menu-primary a,
    .outreach-ceic #header .menu a {
    .outreach-ceic .menu-secondary a,
    .outreach-ceic .menu-secondary li li a,
    .outreach-ceic .menu-secondary li li a:link,
    .outreach-ceic .menu-secondary li li a:visited {
    color: #333;
    text-decoration: none;
    }

    See that extra opening bracket? W3C didn’t show the actual error, just pointed out there was an error. I looked at it probably 100 times before I saw it. That one little bracket. Sometimes ya’ just can’t see the forest for the trees.

    The CSS3 gradients and the MS filtering statement are working just fine.

    Thank you David for pointing me in the right direction.

    #35548

    David Chu
    Participant
    Post count: 1179

    Excellent! Glad to hear it.

    Dave


    David Chu · Custom WordPress Developer – likes collaborating with Designers

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

You must be logged in to reply to this topic.