By ismigar on

Hello,

I would like set the follow css for diveces in omega theme

- Narrow for big displays
- Normal for pc displays
- wide for tablet displays

Can you help me to defime the media querry for each case?

Thanks

⋅ Categories: Drupal 7.x

Comments

Avani.addweb’s picture

Avani.addweb commented

You can use below defined Omega Theme's media queries for your purpose.

/* For mobile */
@media (min-width: 0) and (max-width: 44em) {}
@media (min-width: 0) and (max-width: 704px) {}

/* For table and desktop (Tabet first design) */
@media (min-width: 44em) {}
@media (min-width: 700px) {}

/* For Desktop */
@media (min-width: 70em) {}
@media (min-width: 1250px) {}

Please let me know if you face any queries