Rise 360 media queries


/* Rise 360 most common media queries */


/* mobile first */


/* Small Devices, Phones */

 @media only screen and (min-width: 480px) {

}

 @media only screen and (min-width: 540px) {

}

 /* Small Devices */

 @media only screen and (min-width: 780px) {

}

 /* Medium Devices, Desktops, sidebar menu breakpoint */

 @media only screen and (min-width: 960px) {

}

 /* Medium Devices, Tablets */

 @media only screen and (min-width: 980px) {

}


 /* Large Devices, Wide Screens */

 @media only screen and (min-width: 1020px) {

}

 @media only screen and (min-width: 1200px) {

}



/* mobile last */


 /* Large Devices, Wide Screens */

 @media only screen and (max-width : 1199.98px) {

 }

 /* Medium Devices, Desktops */

 @media only screen and (max-width : 1019.98px) {

 }

 /* Small Devices, Tablets */

 @media only screen and (max-width : 967.98px) {

 }

 /* Small Devices, sidebar menu collapses */

 @media only screen and (max-width : 959.98px) {

 }

 @media only screen and (max-width : 767.98px) {

 }


 /* Small Devices, Phones */ 

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

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

Getting started with theme components? Download the blank theme component css file.
Watch: installing a theme component.


Posted

in