I am having an issue right now with media queries. They are either not working or i am using them wrong, probably the latter. Anyway what i want to happen is that when the browser gets resized to 1200px or less, the body tag gets the "overflow-x: scroll" so that all the elements don't start fighting for space. Anyway i am sure you guys know what i am trying to do/how to fix it. I am pretty new to the whole web design thing so keep that in mind.
cheers,
I am having an issue right now with media queries. They are either not working or i am using them wrong, probably the latter. Anyway what i want to happen is that when the browser gets resized to 1200px or less, the body tag gets the "overflow-x: scroll" so that all the elements don't start fighting for space. Anyway i am sure you guys know what i am trying to do/how to fix it. I am pretty new to the whole web design thing so keep that in mind. cheers,
Here is the link to page.
If you are going to use media queries you should make the whole site responsive.
Well I am working on that but for now I just need a quick fix while I work on it. @Paulie_D
Well there's a few things that need looking at but if we must try and solve your basic problem....
What code are you using in your media query that ISN'T working..