Archived topic
Stacking order of sidebar
1 reply · Started by Darron on May 6, 2016
Viewing posts 1–2 of 2
Afternoon Tom,
Here's one for you - hopefully not too inane this time
On this page: http://cartmelluxurycottages.co.uk/cottages/crumble-cottage/ I have a left sidebar and content = could you point me in the right direction as to how to make the sidebar content appear first as page breaks down to responsive sizes.
Regards
Darron
Hi Darron,
You could do something like this:
@media (max-width: 768px) {
.site-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
#left-sidebar {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.content-area {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
}
This archived topic is closed to new replies.