You are here:Home»KB»Web Design»Design Elements, Styling, Effects and Code»Joomlashine»Joomlashine Default Responsive CSS Boundary Statements
Wednesday, 04 May 2016 16:12

Joomlashine Default Responsive CSS Boundary Statements

Written by

These are the widths and device responsive statements that Joomlashine uses throughout their temapltes.

/* These are the responsive code barriers as defined in Page builder and possibly normal Joomlashine Templates */

@media only screen and (max-width: 1024px), (max-device-width: 1024px) {
}

@media only screen and (max-width: 768px), (max-device-width: 768px) {
}

@media only screen and (max-width: 480px), (max-device-width: 480px) {
}

@media only screen and (max-width: 960px), (max-device-width: 960px){
}



@media screen and (max-width: 1400px) {
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
}

@media screen and (max-width: 1280px){
}

@media screen and (max-width: 1024px){
}

@media screen and (max-width: 799px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 719px) {
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 360px) {
}

 

Read 1158 times