Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
How do I move the sidebar from right to the left on an individual page. I want some pages with the sidebar on the right and some on the left. Much appreciated.
Hi rccs50
This is something that currently needs to be done with Custom CSS. Insert the following under Appearance > Custom CSS:
/* Vantage Display Left Sidebar */ .blog #primary, .single #primary, .default #primary, .page #primary { float: right; } .blog #secondary, .single #secondary, .default #secondary, .page #secondary { float: left; } .home #primary { float: none; }The first selector is for the main div, the second selector is for the sidebar. You’d need to delete the lines you don’t require. Here is what each line means:
.blog: Blog/Archive page
.single: Single post page
.default: Default page template
.page: All pages
.home: Home page
If you delete the .blog line be sure to delete it both times it appears. Same for the other classes.
Thank you Andrew. Is there a way to identify an individual page, say for instance on my about us page I want the sidebar on the left but all other pages on the right. Can this be done?
Thank you for your time
Sure. If you inspect the page source and find the body tag you’ll see a unique class there. Something like page-id-18. If it was that you’d then say:
/* Vantage Display Left Sidebar */ .page-id-18 #primary { float: right; } .page-id-18 #secondary { float: left; }Send through a link if you don’t manage this.
Brilliant. Thank you. By the way What is primary and secondary?
For sure.
#primary is the main content container and #secondary is the sidebar.
Thank you
For sure.