[Resolved] Make first widget area the last on mobile?

[Jordan]

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!

[Ying]

Hi Jordan,

Try this CSS:

@media (max-width: 768px) {
.footer-widget-1 {
    order: 10;
    margin-top: 50px;
}
}

Let me know 🙂

[Jordan]

Perfect thank you Ying!!

[Ying]

No problem 🙂

[Author]

Posts