Side Bar Responsive Issue

[Gia Watkins]

The right sidebar is not sliding above or below the main content area in the phone responsive view. Instead there are 2 columns in the phone view, the main content area and the sidebar…both are very squished. Is there a fix so that the sidebar slides above or below the main content? Or maybe gets hidden?

[Bill Robbins]

Hi Gia,

We can keep that from happening. Go to the Customizer and click on Advanced. In the spot for Custom CSS, add this (you can place it below anything that is there already):

@media screen and (max-width: 767px) {
	
	#content,
	#sidebar {
		width: 100%;
	}

}

Save your changes and see how that works for you. Let me know if you have any trouble.

Take care,
Bill

[Gia Watkins]

Wow, worked like a charm! Thanks.

Gia

[Author]

Posts