@tlrome: Catch Evolution Theme uses the following Media screen for the responsive design. So, when you edit the width in normal css, you need to think about the following media screen, which are defined in responsive.css file.
@media screen and (max-width: 1224px) {
}
@media screen and (max-width: 1060px) {
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}
@media screen and (max-width: 960px) {
}
@media (max-device-width: 960px) {
}
@media screen and (max-width: 767px) {
}
@media only screen
and (min-width: 480px)
and (max-width: 767px) {
}
@media screen and (max-width: 479px) {
}
@media screen and (max-width: 320px) {
}
But if you want to just modify the width only in large screen and leave the small screen as it is then, there is simple trick to use min-width, which will allow you to modify only for large screen.
/* For Screen Size with 1225px and higher */
@media screen and (min-width: 1225px) {
}
Fore more details about Media Queries tutorial, Click Here
.
