Hello CSS Experts.
I have a web page that has a left sidebar that is "too wide". It takes up too much horizontal real estate on the page.
Here's the page Website link
I need the left side bar to be "narrower"" (looking at the source HTML and css it appears to be 25%) And the content to the right of it to be able to take up the rest of the newly available real estate/ ( looking at the source html and css it appears to be "three-quarters".)
Since this site uses some kind of a grid, I need to do this correctly, which is why I am asking the question here.
For example, I'd like the left sidebar to be about 15 percent and right "content"side to be 85 percent -- making it all 100 percent.
page-margin grid collection-sidebar
All of the above appears to be controlled by a class called "page-margin grid collection-sidebar: But I am not 100 percent certain.
Needless to say I only want the content in the page-margin grid collection-sidebar affected by this change I don't want to change any overall grid settings that might be used elsewhere on the site.
Thanks for any help!