Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 22, 2025 at 9:47 pm #1492759
    dotsystem

    Hello
    How do I set the category sidebar in the shop tab on mobile so that it displays at the top above the products and not at the bottom at the end of the page behind the products?

    But on computers I would like the sidebar with categories to still be displayed on the left.

    December 23, 2025 at 4:44 am #1492761
    Ismael

    Hey dotsystem,

    Thank you for the inquiry.

    Try to add this css code to adjust the order of the sidebar and product content in the mobile view.

    .responsive #top #main .container_wrap.container_wrap_first.main_color.sidebar_left.template-shop .container {
    display: flex;
    flex-direction: column;
}

.responsive #top #main .sidebar.smartphones_sidebar_active {
    order: 1;
}

.responsive #top #main main.template-shop.content.av-content-small.units {
    order: 3;
    padding-left: 0;
    padding-top: 0;
}

    Best regards,
    Ismael

    December 23, 2025 at 2:19 pm #1493065
    dotsystem

    Thanks, I added this in general CSS but it changed also view on computers.

    So I added @media (max-width: 480px) { – to show only on phones

    • This reply was modified 3 weeks ago by dotsystem.
    December 24, 2025 at 12:02 pm #1493486
    Mike

    Hi,
    Thanks for sharing your solution, shall we close this thread then? If you have questions on a different topic feel free to open a new thread.

    Best regards,
    Mike

    December 24, 2025 at 12:05 pm #1493487
    dotsystem

    Hi,
    Yes issue solved, thanks

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Shop and sidebar on mobile’ is closed to new replies.