Hi there,
A big thanks to the community for all their posts/support so far. Despite searching extensively through the posts/questions I have been unable to properly resolve my issue without causing additional problems. I am making changes using jetpack CSS. My goal is to:
1. Reduce the overall site width (beyond what I currently have done) but maintain the current width of my central column and right (content) sidebar.
To compensate for the reduction of total site width, I would like to reduce the width of my left sidebar AND its associated submenu items.
Currently I cannot reduce the width of the site much more using the below code without squishing the central column and right content sidebar:
/* This Block Adjusts the Overall Theme Width */
footer[role="contentinfo"] {
max-width: 1000px;
}
@media screen and (min-width: 1080px) {
.site {
max-width: 1000px;
}
.ie .site {
max-width: 1000px;
position: centre;
}
.site-header {
max-width: 1000px;
position: centre;
}
}
When I use the below code to adjust the left side bar width I have the issue of the submenu navigation widths remaining unchanged (too wide), and the horizontal lines that mark the space between pages of my menu remaining extended too far to the right(at their original length):
@media screen and (min-width: 1080px) {
.site:before {
width: 130px;
}
#secondary {
width: 130px;
}
}
I hope that my question makes sense and was asked according to forum rules.
Thanks for your help in advance!
My site can be view at http://www.LearningAT.ca