Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Can't figure out either box-sizing, media queries or javascript

Can't figure out either box-sizing, media queries or javascript

Problem

Can't for the life of me figure this one out. I'm building a site: http://ingenious.jit.su/ and I've set up a sidebar that follows you down part of the page. I was pretty damn happy with it until I discovered this bug.

If you open in in Chrome on a Windows machine, and you resize the browser width to between 781 and 798 ish, the sidebar becomes fixed over the content of the page : (

For some reason it seems my Media query is activating before dropping below the max-screen width of 780px.

Any help would rock!

Problem courtesy of: Costa

Solution

Well there's a couple ways to tackle this. Your Javascript is causing your #followbarto be fixed, and you could either make edits there, or just add this to your css under your @media screen and (max-width: 780px)

#followbar
{
    position:static !important;
}

That's just a quick fix. Your JavaScript could probably use a bit of tweaking, but this will handle it.

Solution courtesy of: welbornio

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Can't figure out either box-sizing, media queries or javascript

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×