Move woocommerce search box on right sidebar to top on mobile

[Baltasar]

Hi, how to do this on this theme?
I tried so many different CSS but no success.
Thanks.

 

[niteshraghu]

Hello there,

Please share your website URL.

Thank you

 

[Baltasar]

Here is the site url:
https://www.winelist.pt/loja/

 

[Satyendraa]

Hello there,

You can use a plugin which allow you to add search bar at the top in mobile view.
This will help you.

Kind Regards

 

[Baltasar]

Thanks, but I don't want to install more plugins.
Anyway I figure out the correct CSS selector and for now I achieved more or less what I want using this CSS code:

@media only screen and (max-width: 768px) {
    #page-top > div.page-container > div > div.row > div {
            display: flex;
            flex-direction: column;
    }

    #page-top > div.page-container > div > div.row > div > div.col-md-3 {
            order: 1;
            -webkit-order: 1;
    }
    #page-top > div.page-container > div > div.row > div > div.col-md-9 {
            order: 2;
            -webkit-order: 2;
    }
}

I just wanted the small search box on top, but since is more complicated as I probably need to do some work around with other DIV with absolute position or else and messing with the page template, now I just took all DIV/Sidebar on top, later I think on something else.

 

[Satyendraa]

Hello there,

Do you need any more help related to theme?

Kind Regards

 

[Baltasar]

No, all ok for now.
Thanks.