Sidebar on top on mobile

  • Resolved killerisko

    (@killerisko)


    3 years, 8 months ago

    Hello, I can’t find a solution to show widgets above the main content in mobile view.

    How can I get widgets to show before the post or page content?

    I got this code but its only working with a single product page. If I want to show widgets first everywhere else on mobile? Like main shop page, specific category page, specific tag page etc etc

    @media(max-width:767px){
.single-product #content-area {
display: flex;
flex-direction: column;
}

.single-product #left-area {
order: 2;
}

.single-product #sidebar {
order: 1;
}
}

    Can someone help me with what to add to this code?

    Thanks!

    • This topic was modified 3 years, 8 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter killerisko

    (@killerisko)

    Problem fixed thanks to @gabrielfuentes with code:

    /* Change products sidebar order on mobile */
@media(max-width:767px){
    .woocommerce-page #content-area {
        display: flex !important;
        flex-direction: column !important;
    }
    .woocommerce-page #left-area {
        order: 2 !important;
    }
    .woocommerce-page  #sidebar {
        order: 1!important;
    }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Sidebar on top on mobile’ is closed to new replies.