Grow your CSS skills. Land your dream job.

stopping content collapsing

  • # June 30, 2013 at 12:31 am

    with the theme I’m using whenever decrease the width of my browsers window all the content seems to collapse on top of each other. just wondering how to change this so nothing moves with different size browser windows.

    http://creativemms.com.au/micro/

    # June 30, 2013 at 9:31 am

    any ideas anyone?

    # June 30, 2013 at 12:58 pm

    It appears that the WordPress theme you are using (is it “Clean Retina?”) uses media queries and what looks to me like a responsive grid system in the stylesheet. What you could do is look for all media queries and remove them if you want to have just the desktop layout regardless of window/viewport size. Otherwise, you’ll have to tool around with the media queries around your content.

    There’s a section commented as “Responsive Structure” that you could probably do away with in the stylesheet down to the “NAV#access.clearfix”. Those all look to be media queries that don’t quite jive with your content. Best of luck!

    # June 30, 2013 at 1:01 pm

    You also may not want to get rid of the “Retina Ready Structure” as that looks to serve up different background images on detected retina displays. However, It’s up to you if that’s important or not but I don’t believe that it would even be a part the main issue you’re having.

    # July 2, 2013 at 6:23 am

    Thanks! Getting rid of the Responsive Structure seemed to have fixed half the problem. The sidebar now stays put however content seems to drop when I decrease the width of the browser.

    # July 2, 2013 at 8:05 am

    >Getting rid of the Responsive Structure seemed to have fixed half the problem. The sidebar now stays put however content seems to drop when I decrease the width of the browser.

    If you didn’t want the responsiveness why are you re-sizing the browser?

    # July 2, 2013 at 8:21 am

    Some people may open their browser in a smaller window and everthing will be collapsed ontop of eachother. don’t want that.

    # July 2, 2013 at 8:39 am

    Then add back the response parts or some min-widths
    .

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".