Anyone here any good with CSS?

[EddiebKeymaster Location: HamiltonBike: Suzuki DR650 ADVRank: 1200cc Rider]

I’d like to modify the css for the current template so that on screen sizes larger than the current default the center column automagically expands so that the site occupies the full width of the screen.

Can anybody help?

Attachments:

1. style.txt

[Jouni KarppinenParticipant Location: Bike: Rank: 650cc Rider]

Try commenting out max-width or changing the value to something else.
Looks nice in Chrome when commented out completely.

#container #main-content {
    margin: 25px 0 0;
    /* max-width: 900px; */
}

Well, does not seem to be easy as that.
Removing max-width will push right hand panel to the edge of the screen but content div in the middle does not resize nicely. Changing that needs HTML changes too as left-sidebar div must be before container div and even after that the comments section is not displaying correctly.

Go with bootstrap 🙂

[EddiebKeymaster Location: HamiltonBike: Suzuki DR650 ADVRank: 1200cc Rider]

I haven’t looked at any bootstrap stuff. I’ve seen references in places but know nothing about it

[EddiebKeymaster Location: HamiltonBike: Suzuki DR650 ADVRank: 1200cc Rider]

@jouni_karppinen_1 as you can see I’ve got it mostly working I think, though the right side menu bar is dropping off/down at a wider size than I’d prefer. At 1280 resolution it’s not showing up on the right. Any ideas?

Attachments:

1. ADVNZ_CSS_20170201.txt

[Author]

Posts