Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 2, 2019 at 1:32 pm #1049252
    pdthakkar01

    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?

    January 2, 2019 at 5:13 pm #1049319
    Vinay

    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

    July 22, 2021 at 5:53 pm #1311558
    UPON

    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!

    July 22, 2021 at 5:59 pm #1311565
    UPON
    This reply has been marked as private.
    July 22, 2021 at 6:34 pm #1311574
    UPON

    Problem solved. Cheers!

    July 23, 2021 at 4:45 am #1311699
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Sidebar on Top for Mobile’ is closed to new replies.