Home>Support>Sidebar padding to space away from main body content?

Sidebar padding to space away from main body content?

Very grateful for the https://siteorigin.com/vantage-documentation/css-snippets/ assistance I found in a past thread.

I’m looking to move the sidebar to the right in order to space it out from the main/body content a bit, without changing the menu or header width. I wouldn’t mind if the main/body content got wider (to the left) as well, but mostly just want more space between the content and sidebar.

I tried a variety of things including negative padding on the right side under #main, but haven’t found a solution. The picture shows what I’d like to stay in place in red, with the green arrow showing that I’d like to move the sidebar to the right a bit since there is space for it there.


This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 1 month, 11 days ago Andrew Misplon
    Hi, I Work Here

    Hi, thanks for getting in touch. I’m glad to hear you’ve been building with Vantage.

    Unfortunately, we can’t really explore Custom CSS within our free support scope. We do our best to point the way. However, we can assist within our premium support scope where the budget allows.

    In your screenshot, you have padding left added to the main container without a value. Add that same declaration to the sidebar and add a value.

    To avoid applying the left padding to the sidebar on mobile you can wrap your secondary rule in a min-width media query https://www.w3schools.com/css/css_rwd_mediaqueries.asp.

  2. 1 month, 11 days ago a7xfanben

    Copy all and thank you!

  3. 1 month, 11 days ago Andrew Misplon
    Hi, I Work Here

    You’re welcome! I hope you’re able to make progress.



Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More