[Resolved] Switching to Flexbox

Home Forums Support [Resolved] Switching to Flexbox

Home Forums Support Switching to Flexbox

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1998819
    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:
    Issue

    #1998821
    Matthew

    Looks like that image didn’t work see here:
    Issue

    #1998827
    Matthew

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

    #1998868
    David
    Staff
    Customer Support

    Hi there,

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

    #1998882
    Matthew

    Hey

    It should look like this:

    Correct

    The site URL is au.wowfreebies.com

    Thanks! πŸ™‚

    #1998906
    David
    Staff
    Customer Support

    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;
        }
    }
    #1998910
    Matthew

    Perfect thank you! πŸ™‚

    #1998976
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.