Archived topic
Make first widget area the last on mobile?
3 replies · Started by Jordan on December 17, 2021
Viewing posts 1–4 of 4
Hi,
I have four widget areas in the footer of the site listed below. I am using the CSS you've provided to set the width of these areas as follows:
.footer-widgets .footer-widget-1 {
flex-basis: 30%;
}
.footer-widgets .footer-widget-2 {
flex-basis: 10%;
}
.footer-widgets .footer-widget-3 {
flex-basis: 20%;
}
.footer-widgets .footer-widget-4 {
flex-basis: 20%;
}
.footer-widgets .footer-widget-4 {
flex-basis: 20%;
}How can I make the footer-widget-1, stack and show up below widgets 2-4, when stacking in the mobile view?
Thank you!
Hi Jordan,
Try this CSS:
@media (max-width: 768px) {
.footer-widget-1 {
order: 10;
margin-top: 50px;
}
}Let me know :)
Perfect thank you Ying!!
No problem :)
This archived topic is closed to new replies.
