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!
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.
Copy all and thank you!
You’re welcome! I hope you’re able to make progress.
Thanks
Andrew