Is there a way to switch sidebar side?

Home Forums Automattic Vagabond Is there a way to switch sidebar side?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #111789 Resolve

    Josh Cobler

    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

    Kathryn P.
    Happiness Engineer

    Switching 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 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 */


    Kathryn P.
    Happiness Engineer

    I’m going to close this thread since we haven’t heard from you in a while, but feel free to start a new one if you need further help.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Is there a way to switch sidebar side?’ is closed to new replies.