In this website I need to keep the left nav sidebar on the left side of the browser window and get the white content area to extend to the right side of the browser window.

I spent a good two hours trying different CSS settings on div#main and all of its child divs but it was to no avail. Settings such as the div width, floating the divs to the right, etc. Nothing worked.

closed as off-topic by Pat J, Mark Kaplun, TheDeadMedic, Robert hue, Howdy_McGee Sep 30 '15 at 20:34

This question appears to be off-topic. The users who voted to close gave this specific reason:

If this question can be reworded to fit the rules in the help center, please edit the question.

  • I'm sorry, but I strongly disagree with this assessment. This is a Wordpress-specific question. I am asking about a specific WP theme and how that particular theme is set up to display. The solution does indeed involve CSS, but it will be CSS code that involves WP-specific knowledge and how WP displays my chosen theme's styling. – marky Oct 19 '15 at 17:27

There's a bunch of other things you may want to also do, but in order to make it stretch to the full extent on the right, simply remove the max-width elements from .site and .site-header.

So that's .site {max-width: 1260px;} and .site-header {max-width: 1260px;}

Not the answer you're looking for? Browse other questions tagged or ask your own question.