[Support request] header elements alignment problem

Home Forums Support header elements alignment problem

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1032609

    Hello guys!

    I am trying to fix how my header looks like on media screens 568px and bellow…

    I am trying to achieve the following order:

    UP & LEFT position: 1st item (menu toggle) 2nd (site-logo)
    UP & RIGHT position: 1st item (secondary menu item) 2nd (cart)
    bellow this line that is made by the above structure will be
    (Search bar) in full screen width

    Is it doable?


    Customer Support

    Hi there,

    this CSS will move the search below the other header elements:

    @media (max-width: 568px) {
        .inside-header {
            flex-wrap: wrap;
        .woo-search {
            order: 6;
            flex: 1 0 100%;
        .woo-search .dgwt-wcas-search-wrapp {
            margin-left: 0;
            margin-top: 10px;
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.