Archived topic
Easy way to creat 3 column header in Generate Press
5 replies · Started by Jeff Coppage on July 25, 2019
Looking for a way to create a 3 column header using Generate Press Template.
Hi there,
Does this help?
https://docs.generatepress.com/article/split-header-three-sections/
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 :)