Site logo

Archived topic

Easy way to creat 3 column header in Generate Press

5 replies · Started by Jeff Coppage on July 25, 2019

Viewing posts 1–6 of 6

Looking for a way to create a 3 column header using Generate Press Template.

Thank you. Works pretty good except It doesn't appear to adjust well on a phone. Is there a way to get the sections to drop to next position or control what goes where when the width collapses?

Edit this CSS:

@media (max-width: 768px) {
    .header-section > div {
        width: 100%;
    }
}

to this:

@media (max-width: 768px) {
    .header-section > div {
        flex-direction: column;
        width: 100%;
    }
}

and you can change the 768px to the desired breakpoint.

Should there be a semi-colon after column?

Yes :)

This archived topic is closed to new replies.