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:
CSS:
@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.