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.
https://i.postimg.cc/bwmW0GVk/Vantage-sidebar-adjustment-question-6-8-2024.png
Thanks!
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi, 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.
Copy all and thank you!
You’re welcome! I hope you’re able to make progress.
Thanks
Andrew
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.