Adjusting the CSS for a sidebar in a responsive website so it is not so wide. Leaving more room for the main page content.
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!
Rowby
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!
Rowby
Paul MacDonald
Link doesn't work when I test it.
ASKER
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi Paul,
That makes sense and I see what you are talking about,
I will be working on this on Friday and get back here with the .results
Best
Rowby
That makes sense and I see what you are talking about,
I will be working on this on Friday and get back here with the .results
Best
Rowby
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi Julian. I’ll see if I can try that.
Sounds good.
Rowby
Sounds good.
Rowby
ASKER
I must say this modified awards interface is not very good
"I have my answer" should be "Award points". "I have my answer" looked to me like I have my own answer. I hope someone can fix this.
Also I wanted to award some point to Paul but couldn't find a way to do that. I prefer the old method of awarding points.
Thanks! I used Julian's answer, but Pau's answer was also helpful.
"I have my answer" should be "Award points". "I have my answer" looked to me like I have my own answer. I hope someone can fix this.
Also I wanted to award some point to Paul but couldn't find a way to do that. I prefer the old method of awarding points.
Thanks! I used Julian's answer, but Pau's answer was also helpful.