Archived topic
Up the wigdet in mobile display
6 replies · Started by ASCELCRE on May 10, 2018
Hi, there is a novice. I have the widget on the left, with a woocommerce search engine. In the computer view it looks good, but when you put the mobile view, it appears at the end of the screen. Since it is a search engine, I need it to appear at the beginning. Is there any option that I have not seen, without touching code?
Hi there,
Give this CSS a shot:
@media (max-width: 768px) {
.site-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
#left-sidebar {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.content-area {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know.
It works perfectly, really thankfull!
Now I hava anothe problem :( I can´t take off the phrase of "At this time there is no stock of this product nor is it available." of woocomerce, and I can´t find the problem. I touch every bottom about stock. Do you know how erase it? Thank you again.
Hi, couple of questions,
Are you using woocommerce multilingual?
Is this displaying on variable products?
David
This is the version of de woocommerce Versión de WP: 4.9.5. I am not sure if this is multilingual. The product where I am trying is variable product. Thank you
OK can you check you have a price in each of the variations?
Sorry, I don´t put any price because I am using it like a catalogue. There is no price, no cart, no purchase button. Thank you.
