Thread:Skin talk:Chameleon/Full Page width/reply (3)

As you noted, the nav bar is integrated in the page's grid at a 3:9 ratio. To fix the width of the nav bar you'd have to change that ratio.

It might be as easy as skewing the grid by fixing the width of the nav bar. Or that may lead to unexpected side effects like gaps between nav bar and main content.

It may also work to put nav bar and main content in the same cell side by side (so they are not affected by the grid cell ratios anymore) and then fix the nav bar width. But then you would probably need to wrap nav bar and tool bar in a Container component.

I do not know what's best and would have to try that out. It's probably easier, if you just do that yourself.

Some pointers (most of which you already know):
 * Changing the layout of components is done via the xml file.
 * Overwriting LESS variables and changing CSS rules and properties is done via your fixes.less.
 * For available LESS variables have a look at
 * For finding the CSS class names and doing some rapid prototyping use the developer tools of your preferred browser (e.g. firebug)
 * Always do a small change to LocalSettings.php for style changes to take effect.