Reposition secondary sidebar in responsive layout

[Nomad]

I am using the education pro theme and have a few pages that are using the sidebar/content/sidebar layout. This puts the secondary sidebar to the left of the content. Currently when sizing to smaller devices the secondary sidebar drops below the content and primary sidebar. How do i change this so that when on smaller screens the secondary sidebar is at the top followed by the content and primary sidebar.

thanks

[Christoph]

Hi,

you can try to add the following to the media query for 1023px around line 2196 of the style.css:

   .site-inner {
    	display: table;
    }
    .content-sidebar-wrap {
          display:table-footer-group;
          float: none;
   }
    .sidebar-secondary {
          display:table-header-group; 
          float: none;
   }

    .content-sidebar-wrap .content,
    .content-sidebar-wrap .sidebar {
    	width: 100%;
   }

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Nomad]

thanks for getting back Christoph I will give it a try. In the meantime i decided to go with a different layout to get the same effect. Going with content sidebar and then within content i have two columns....this is working as i want it.

[Author]

Posts