[Resolved] Switching to Flexbox

[Matthew]

I am trying to switch from Floats to Flexbox for some reason when switching the search box widget in the header goes behind the secondary navigation.

See screenshot here:

[Matthew]

Looks like that image didn’t work see here:

[Matthew]

I accidentally saved this and now the option to revert back is gone? 😭

[David]

Hi there,

can you share a link to the site – so i can help fix that.
Where should the search box be positioned ?

[Matthew]

Hey

It should look like this:

The site URL is au.wowfreebies.com

Thanks! 🙂

[David]

Remove this CSS:

@media(min-width: 769px) {
    .header-widget {
        position: absolute;
        right: 40px;
        bottom: 2em;
    }
}

and add this:

@media(min-width: 769px) {
    .inside-header {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .header-widget {
        margin-top: -30px;
    }
}

[Matthew]

Perfect thank you! 🙂

[David]

Glad to be of help!

[Author]

Posts