Archived topic

Widget Area Before Content

5 replies · Started by Anonymous on October 14, 2015

Viewing posts 1–6 of 6

October 14, 2015 at 5:53 am #144251

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

October 14, 2015 at 6:01 am #144254

I will display this only for the page "Vehicles"

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

October 14, 2015 at 10:33 am #144316

Give this CSS a try:

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

October 14, 2015 at 12:00 pm #144366

Hi Tom,

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

October 14, 2015 at 12:41 pm #144381

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;
	}
}

October 14, 2015 at 5:00 pm #144439

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

This archived topic is closed to new replies.

Start building better websites today.