Themes

Posted by John Morris 23 Jul 2016 15:08 GMT-0000

Gary, I think she is talking about narrowing the main menu area at the left of the Cyborg theme.
I believe you'd have to narrow the entire column se7en not just the main menu.
Since that is the case you can apply the following code into your Custom CSS at Look and Feel.

.col-md-3 {
width: 20%;
}
.col-md-9 {
width: 80%;

The default width is 25%, I adjusted it to 20% on my test site with Cyborg theme and it worked well. You can save the theme, check it, then adjust that percentage to suit your needs.

At the main center of your site or col-md-9 you'll need to change the percentage to equal 100% if you add the left column to middle column percentage widths. So if you adjust the left column to 15% you'll have to change the main column to 85%

I don't play with theme code too often, but I am learning by using the Firefox Inspector, so this code will work, but Gary may add to it to make it more legit.