May 11

Hide sidebar on mobile after clicking a product category or sub-category link in Shop Page

I hope this message finds you well! I am writing to you today because I am looking to customize the WooCommerce Shop Page in my website that uses your xStore theme. I am using Elementor, WordPress, WooCommerce, and the xStore theme to build my website. I would like to request your assistance to modify the Shop Page. I would like the sidebar to disappear whenever I click on one of the elements in the sidebar that leads to a page with product categories or sub-categories on mobile (max-width: 993px). I would like the main focus of the page to be on the product list after clicking on a sidebar element. Additionally, I would like to request that when the “Back” button with the CSS id #back-botton is clicked, the sidebar reappears. I will leave you an example of a similar website that is built the way I want it. When you have selected a category or a sub-category of products in shop page, the sidebar menu practically disappears and only the products remain visible. When pressing the “Back” button, the list of product categories and sub-categories reappears. (this is available on mobile devices only). https://www.synevo.ro/shop/ –> Example Website https://evamedical.ro/servicii/analize-de-laborator/ –> Our Website https://imgur.com/a/CgVXyda –> Screenshots with explanations I believe that this customization would greatly improve the user experience for my customers and I would greatly appreciate your help in implementing this feature. Thank you for your time and consideration. I look forward to hearing back from you soon. Best regards, Năstase Victor

Reviewing