• To improve performance and better customer
    experience we are maintaining our server.
    If you are getting login issues then
    please send an email at "themehunk@gmail.com"
  • Your query is valuable for us, you can post your query any time.
    We are ON in week days. You will get instant support in our working hours.
    We are little slow in non-working hours, but you will get response in maximum 24 hours.
    Our working timing is
    [10:00 AM (IST) - 7:00 PM (IST)]
    [6:30 AM (CET)- 3:30 PM (CET)]
    [12:30 AM (EST) - 9:30 AM (EST)]

    Login Rules
    1. Premium users can login directly using aMember credentials, Created at the time of purchase.
    2. Free users can re-register to access forum using this link : Register Here.

Move woocommerce search box on right sidebar to top on mobile

Not open for further replies.


Staff member
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
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.
Not open for further replies.