Zen Grids - liquid layout with fixed side regions

Created on 17 July 2014, over 10 years ago
Updated 16 May 2024, 7 months ago

I'm using Zen Grids to layout my Zen-based sub-theme, but am having trouble working out how exactly to do what I'd like...

The source-order of the regions of my theme is this:

[1 = header, 2 = content, 3 = sidebar, 4 = footer]

The goal layout I'm trying to achieve is this:

The problem, however, is that I'd like all side regions (1, 3 & 4) to be a fixed width (250px) while the content region (2) is fluid (whatever percentage of the screen is left).

Now Zen Grids can create this layout easily enough, but only with the side regions being a percentage-based width. Other issues and websites relating to fixed/fluid layouts can do regions 1 & 2 fine, but getting regions 3 & 4 up under region 1 and next to region 2 don't seem to work.

Can someone point me in the right direction for getting this working the way I want?

💬 Support request
Status

Fixed

Version

5.5

Component

layout.css

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

No activities found.

Production build 0.71.5 2024