style: fix responsive behaviour

This commit is contained in:
Frédéric Péters 2015-10-06 15:59:02 +02:00
parent 971c041bfb
commit d140cdab2e
2 changed files with 10 additions and 0 deletions

View File

@ -155,3 +155,9 @@
}
}
@media (max-width: 991px) {
.header {
padding-bottom: 4px;
}
}

View File

@ -3,11 +3,13 @@ function layouting() {
if ($('body').data('page') === 'homepage') {
if (window.matchMedia('(min-width: 992px)').matches) {
$("#nav").detach().insertBefore('#main-content');
$("#access").detach().insertBefore('#news');
$("#promo").detach().insertAfter('#events');
$("#procedures").detach().appendTo('#header');
/*$("#right_bar").detach().insertAfter('#webtv');*/
} else if (window.matchMedia('(max-width: 991px)').matches) {
$("#nav").detach().insertAfter('#main-content');
$("#access").detach().insertAfter('#webtv');
$("#procedures").detach().insertAfter('#navigation');
$("#right_bar").detach().insertAfter('#access');
@ -18,6 +20,7 @@ function layouting() {
}
} else {
if (window.matchMedia('(min-width: 992px)').matches) {
$("#nav").detach().insertBefore('#main-content');
$("#access").detach().insertBefore('#main');
$("#events").detach().appendTo('#col-right > .row');
$("#promo").detach().insertAfter('#events');
@ -27,6 +30,7 @@ function layouting() {
}
} else if (window.matchMedia('(max-width: 991px)').matches) {
$("#nav").detach().insertAfter('#main-content');
$("#procedures").detach().insertAfter('#navigation');
$("#events").detach().insertAfter('#main');