beaverbuilder
4/8/2018 - 8:48 PM

Position left sidebar below content in mobile

This snippet is used in the following knowledge base article – https://kb.wpbeaverbuilder.com/article/235-position-left-sidebar-below-content-in-mobile

left-sidebar-below-content-mobile.css
content_copyfile_download
@media (max-width: 767px) {
  .fl-page-content .row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }
  .fl-page-content .fl-sidebar {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
  .fl-page-content .fl-content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }
}