[Support request] Show secondary menu on the top in mobile

[Javier Pintos]

Hi.
I have the following problem.
Actually, the secondary menu is showed in desktop at the left bar, that is ok.
In the mobile version i wanna show it on the top, but actually is showed ad the bottom.. How can i show it at the top in the mobile version?
Please see the video to better understand https://screencast-o-matic.com/watch/cF1hIRbRfR
Thanks

[David]

Hi there, you can use this CSS to move the left sidebar to the top for mobile:

@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;
	}
}

[Javier Pintos]

Wow! awesome! thanks!!

[David]

Glad to be of help.

[yuriy]

good day! and how to make the home page widget remained in place (right). Now in the mobile version of the filter on top, and the beauty goes down…

[David]

Hi there,

would you mind starting a new topic where you can provide a link to your site and i can take a look.

[yuriy]

so far removed the sidebar from the main page…, I will try to install woof products filter, if you do not like then write in a separate question. Thanks

[David]

If you still need assistance then it would be good if we could see the site. And if so please raise a new topic where you can share the site link privately.

[Author]

Posts