How can I move the sidebar (on mobile devices) after the category description

  • Resolved mesmer7

    (@mesmer7)


    2 years, 8 months ago

    I have WOOF product filter in the shop page sidebar. Looks good on a desktop computer, but on mobile devices the Storefront theme, by default, displays the side bar after the product lists. I found a CSS that moves it to the top of the page. But that puts it above the category description.

    Is it possible to move the sidebar (or just the WOOF product filter) between the category description and the product list on mobile devices only?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter mesmer7

    (@mesmer7)

    2 years, 8 months ago

    Okay, I found the Mobile Mode, which moves the WOOF filter to a nice place on the mobile device. But I don’t want to remove the filters from the sidebar on desktop computers.

    Also, is there a hook that lets me change the botton?

    • This reply was modified 2 years, 8 months ago by mesmer7.
    nicw.a11n

    (@nicw)

    2 years, 8 months ago

    Hi @mesmer7

    It seems you’re doing well.

    Specific content can be hidden in mobile views by using custom CSS and a media query. With WordPress 5.8 and the Gutenberg Block Editor, you can add a column block to contain your filter, and add a custom class to that column block, which you can then target with your custom CSS.

    For more on that, take a look here

    Adding custom CSS Classes to blocks
    Link to image: https://d.pr/i/0ANIeE

    Regarding the button hook, I’m not familiar with the WOOF Filter, as it is not one of our products, but you should be able to obtain support for it here.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How can I move the sidebar (on mobile devices) after the category description’ is closed to new replies.