[Support request] Up the wigdet in mobile display

[ASCELCRE]

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?

[Leo]

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.

[ASCELCRE]

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.

[David]

Hi, couple of questions,

Are you using woocommerce multilingual?
Is this displaying on variable products?

David

[ASCELCRE]

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

[David]

OK can you check you have a price in each of the variations?

[ASCELCRE]

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.

[Author]

Posts