Archived topic
Change footer column width
3 replies · Started by Sean on October 14, 2021
Viewing posts 1–4 of 4
Hi. In the Theme Customizer > Layout > Footer I have Footer Widgets set to 4. This has 4 columns of widgets at 769px and up, and from 768px and down it is 1 column. How can I change the # of columns and their breakpoints? In my case, I'd like 4 columns for 1024px+, 2 columns for 768 to 1023px, and 1 column for 767px and under. Thank you.
Hi Sean,
Give this CSS a try:
@media (max-width: 1023px) and (min-width: 768px) {
#footer-widgets .inside-footer-widgets>div {
width: 50%;
flex: auto;
}
#footer-widgets .inside-footer-widgets {
flex-direction: row;
flex-wrap: wrap;
}
}Let me know :)
Hi Ying. That works perfectly. Thank you!
No problem :)
This archived topic is closed to new replies.
