[Resolved] Put First Footer Widget Below Others On Desktop

[Omid]

Hi Generatepress Support,

I have made my first footer widget full width so it stands alone above the other widgets in my footer as shown: https://snipboard.io/zRw2H4.jpg . I was wondering if you know if there is any way to now place it below all my other footer widgets on desktop: https://snipboard.io/AFmKGh.jpg ? I know I could simply make it footer widget 5, but then it would no longer be the top widget on tablet and mobile view, which I don’t want.

Website URL: https://scuphed.com/

Thank you very much for your time, Anthany

[Fernando]

Hi Anthany,

You can try adding this CSS in Appearance > Customize > Additional CSS:

@media (min-width: 1025px) {
    .inside-footer-widgets {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-widget-1 {
        order: 1;
    }
}

Kindly let us know how it goes.

[Omid]

Hi Fernando,

That worked perfectly! You are amazing, thank you so much for your help.

Kind regards, Anthany

[Fernando]

You’re welcome Anthany!

[Author]

Posts