Besides being responsive, another added feature was an ongoing changing background image, instantly updating every 30 minutes to reflect real-time weather conditions and activity around the Bundesplatz. Depending on your screensize, you see more or less of the live image.
Here's an example of how the site looks on a full-width, really wide desktop monitor:
And here's how the site adapts for visitors viewing the site from an iPad or other tablet device:
The outer margins are reduced, and the main column continues decreasing in width, until the sidebar drops below in an even narrower version... typically in use on mobile devices. Below is how the site looks on an iPhone... and it was all accomplished with Omega's built-in media queries and a little CSS magic:
Drupal friends: Have you tried out Omega yet? You should if you haven't!
Good day! I simply wish to give a huge thumbs up for the nice info
you have got here on this post. I will probably be coming again to your weblog for more soon.
0
Last month we launched our second mobile-first, responsive design for bundesplatz.srf.ch. The website runs on Drupal 7 and like KMU Businesspartner, is based on @himerus's and @thefubhy's awesome Omega theme.
Besides being responsive, another added feature was an ongoing changing background image, instantly updating every 30 minutes to reflect real-time weather conditions and activity around the Bundesplatz. Depending on your screensize, you see more or less of the live image.
Here's an example of how the site looks on a full-width, really wide desktop monitor:
And here's how the site adapts for visitors viewing the site from an iPad or other tablet device:
The outer margins are reduced, and the main column continues decreasing in width, until the sidebar drops below in an even narrower version... typically in use on mobile devices. Below is how the site looks on an iPhone... and it was all accomplished with Omega's built-in media queries and a little CSS magic:
Drupal friends: Have you tried out Omega yet? You should if you haven't!