I created a subtheme using the Off-Canvas layout. The breakpoints and off-canvas menu work really well in modern browsers. Very impressive! However, I noticed that IE8 just displays the mobile version (minus the off-canvas menu), which makes sense. To get my navigation bar to look the same in IE8, I used $breakpoint-no-queries: true; and added ", true" to the necessary breakpoints like:

@include breakpoint($small, true) {

That fixed the navigation bar styling, but what is the recommended way to get my sidebar-first and sidebar-second in the right positions? Right now they just follow underneath the main content. I need them to be on the left and the right. Or at least on one side. Do I need to get busy with with css float in the x-omega.no-query.scss file? Any advice or examples will be seriously appreciated.

Thanks,

-Joe