Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

Stacking order of sidebar

Home Forums Support Stacking order of sidebar

Home Forums Support Stacking order of sidebar

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #192275
    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

    #192311
    Tom
    Lead Developer
    Lead Developer

    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;
    	}
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.