I tried solution listed here https://kriesi.at/documentation/enfold/sidebar/ to display sidebar on top for mobile but it is not working.
Any idea why it isn’t working?
Hey pdthakkar01,
Thank you for writing to us.
For shop page please use the below code
/* Sidebar on top in mobile */
@media only screen and (max-width: 786px) {
.container {
display: flex!important;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
/* Sidebar */
#top .container aside {
order: 1;
flex-grow: 1;
padding-top: 120px !important;
}
/* Main Content */
#top .container #products {
order: 2;
flex-grow: 1;
padding: 0 50px 0 0;
}
}
Best regards,
Vinay
Dear Vinay,
do you have a new code? This one is not working on my end. The sidebar appears on top on mobile that´s fine. But the main content below is not displaying nice. Please take a look. I also checked the support page https://kriesi.at/documentation/enfold/sidebar/#toggle-id-3 but its not working.
Thanks!
Problem solved. Cheers!
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon