[Resolved] Widget Area Before Content

[Andreas]

Hi Guys,

I whant to display the widget area befor site-content in mobile and tablet view.

How can I do this?

Thanks in advance
Andreas

[Andreas]

I will display this only for the page “Vehicles”

http://wp1139019.server-he.de/fahrzeuge/

[Tom]

Give this CSS a try:

@media (max-width: 768px) {
      .site-content {
            display: table-footer-group;
      }
      .sidebar {
            display: table-header-group;
      }
}

[Andreas]

Hi Tom,

thanks for the quick responce. The CSS does not work for me…

[Andreas]

I found a solution! Look at this

@media only screen and (max-width: 1023px) {
	.site-content {
		display: table;
	}
    	.site-main {
		display: table-footer-group; float: none;
	}
    	.sidebar {
		display: table-header-group; float: none;
	}
}

[bdbrown]

Glad it’s working. Thanks for sharing your solution.

[Author]

Posts