style: fix responsive behaviour
This commit is contained in:
parent
971c041bfb
commit
d140cdab2e
|
@ -155,3 +155,9 @@
|
|||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.header {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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');
|
||||
|
|
Reference in New Issue