-
Posts
-
I really love the Vagabond theme, but I’d like to have the sidebar on the right side instead of the left side. Is there any possible way I could change it from the left to right using CSS or some other way?
The blog I need help with is kuyasnotebook.comSwitching the column order is simple, but you’ll also need to move the comments tab over to the other side as well, otherwise it overlaps with the sidebar.
My colleague Sheri (designsimply) came up with this CSS that seems to do the trick:
#primary {
float: left;
padding-right: 20px;
}
.comments-link {
right: auto !important;
width: 100px;
left: -140px;
z-index: 0;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
The down side for this example is that the comments links are now at a set width after they get moved from the right to the left of the #primary container. It doesn’t look like it will be a problem based on testing the current content on your http://kuyasnotebook.com/ home page, but you should make sure to test it out!
One more thing I thought of… if you want to keep the responsive design setup already included with the theme (recommended), then you might want to wrap the entire example from above into a media query like this so that the layout update doesn’t affect mobile views in odd ways:
@media only screen and (min-width: 960px) {
/* put the css layout modifications here */
}
The topic ‘Is there a way to switch sidebar side?’ is closed to new replies.
Theme Support 