I put in the code you sent and nothing happened to the width of either the logo area or the nav area. Mobile applications stayed the same as well.
In Firefox developer tools I took a screenshot of the div surrounding the logo (showing size of 227.273 x 45.4546) and got this value:
div.col-md-4.col-sm-8.col-xs-12 = 354.545 x 45.4546
and a screenshot of the div surrounding the navigation and got this value:
div.col-md-8.col-sm-4.col-xs-12 = 709.09 x 52.7273
These values stayed the same, before and after entering the code. I cleared caches in both Firefox and Chrome, and reloaded the code, even changing it from 20%x80% to 25%x75%, thinking that the logo might be too large to accept the 20%, but am still seeing no result.
Is this additional information helpful? Is there anything else I can do to help fix this problem? You can see that I have too many menu items for the space allowed.
Thank you, Hillyer