Do you know if there is CSS code that can be used to make the nav bars shorter and left justify them? (To allow more of an image to come through).
Yes, there is! Try this:
margin: 20px 110px 20px 0px;
The second number is the right margin and the last number is the left margin.
If you want the navigation bars to be on the Left side of the screen, increase the 2nd number.
If you want the navigation bars to be on the Right side of the screen, increase the last number.
This is how it will look on your mobile site: http://m.mobifriendly.com/FeatureTesting?UseEmulator=True