Move custom sidebar to top of content on mobile on X-Pro integrity

[andre1980]

Hi,

I would like to move the sidebar above the content instead of below it on mobile. I tried the suggestion on this old post: https://theme.co/apex/forums/topic/move-sidebar-above-content-in-mobile-integrity-stack/. But it didn’t work for me.

The sidebar I use is not the main sidebar, but a custom sidebar (sidebar1) and only assigned to a single page.

Hope you can help me with this. Thanks in advance!

[nabeel]

Hi @sitepower,

Thank you for reaching out to us. Try adding the following code in the Theme Options > CSS:

@media screen and (max-width: 979px) {
	.x-main.right {
    	display: table-footer-group !important;
	}
	.x-sidebar.left {
    	display: table-header-group !important;
	}
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[andre1980]

Thanks so much! Works like a charm! You guys rock

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.