Responsive config for Tablet dosen't work

ms-wombel

High,
i have set the Responsive Layout for Tablet (tow sidebars and the main Content) to 12-12-12.
When i look at my tablet (upright) the sidebar left and sidebar right are stil on their position.
When i look at the preview it looks very good.

I have add in my custom css this Lines:

@media screen and (max-width: 992px) {.sidebar-r {width: 75% !important;}}
@media screen and (max-width: 992px) {.sidebar-l {width: 75% !important;}}

With the CSS it's look good, but now the sidebar right is on the Top position - before the main content.
How can do this, that on my Tablet (upright) the Main content is on the top and the sidebar below?
Thx
Markus

saguaros

ms-wombel Hi

You can try this custom CSS:

.t4-main-body .component {
    order: -2 !important;
}

ms-wombel

When i Try the css - then the order is on every device - that not eaht i need - i need it ONLY for the Tablet View

saguaros

ms-wombel You can change above code to:

@media only screen and (min-device-width: 480px) and (max-device-width:1024px) {
.t4-main-body .component {
    order: -2 !important;
}
}

it'll apply to tablet only.