I missed what your site used to look like, so I'm not sure what problem you were having since you said it has been fixed but media queries are pretty simple.
For example, let's say your breakpoints for phone, tablet, desktop are 640px, 1024px, 1200px. You can put specific CSS for each device using media queries.
For example, want CSS to apply for phone devices only (640px or less in width) you would do something like this:
Quote:
|
@media screen and (max-width: 640px) { /* your css here */ }
|
If you want CSS to apply for say, tablets screens and bigger (1024px or more in width) you would do something like this:
Quote:
|
@media screen and (min-width: 1024px) { /* your css here */ }
|
Say you want tablets only, you can use both min-width and max-width like this:
Quote:
|
@media screen and (min-width: 640px) and (max-width: 1200px) { /* you css here */ }
|