Tips for Omega drupal responsive themes

[A] Omega default responsive Resolution
1. My narrow media query: all and (min-width: 740px) and (max-width: 980px)
2. My normal media query: all and (min-width: 980px) and (max-width: 1220px)
3. My wide media query: all and (min-width: 1220px)
[B] Omega use Stylesheets
1. Mobile = global.css
2. Tablet = global.css + default.css + narrow.css
3. Normal = global.css + default.css + narrow.css + normal.css
4. Wide = global.css + default.css + narrow.css + normal.css + wide.css

[C] omega start ans end resolution

  • small (mobile) – 0px to 740px wide
  • narrow (tablet) – 741px to 979px wide
  • normal (laptop) – 980px to 1219px wide
  • wide (monitor) – 1220px and wider


Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Up ↑

%d bloggers like this: