Archived topic
Show secondary menu on the top in mobile
7 replies · Started by Javier Pintos on June 5, 2018
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
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;
}
}Wow! awesome! thanks!!
Glad to be of help.
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...
Hi there,
would you mind starting a new topic where you can provide a link to your site and i can take a look.
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
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.
