Stacking order of sidebar

[Darron]

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

[Tom]

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;
	}
}

[Author]

Posts