Archived topic

Make footer widget area 1 full width. Areas 2 and 3 below it and side by side

3 replies · Started by rex wickham on June 11, 2021

Viewing posts 1–4 of 4

June 11, 2021 at 8:01 am #1818828

Please can you advise some CSS to make footer widget area 1 full width. Areas 2 and 3 (and possibly others) below it and side by side

Site is http://www.hairdressing.uk

This was answered a few years ago in https://generatepress.com/forums/topic/make-footer-widget-area-1-full-width-areas-2-and-3-below-it-and-side-by-side/#post-924433 but things have moved on in GeneratePress!

Thanks

June 11, 2021 at 9:04 am #1818917

Hi there,

try this CSS:

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

    #footer-widgets .footer-widget-1 {
        flex: 1 0 100%;
        margin-bottom: 40px;
    }
}

June 11, 2021 at 9:51 am #1818976

Lovely, works 100%, thankyou

June 12, 2021 at 4:24 am #1819534

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.