WooCommerce Side bar on mobile

Hi, if you can give me advice on this issue that would be wonderful.
I hope someone can help my mistake…

When I set up the product page, my client didn’t want the sidebar on the product archive section,
so I went to

woocommerce/templates/archive-product.php
and
woocommerce/templates/single-product.php

and deleted:
<?php
/**

  • woocommerce_sidebar hook
  • @hooked woocommerce_get_sidebar - 10
    */
    do_action(‘woocommerce_sidebar’);
    ?>

from the edit. Worked fine, however my client wanted to show categories of product later on, so I went back to those php pages and added the exact code back in.
It seems working on the computer display just fine, however when I access to product achieve page from mobile, not only the sidebar (product categories in this case,) is not showing, but also the sorting option (dropdown menu) is inactive–meaning you can see the dropdown bar, but you can’t choose anything.

I asked WooCommerce support team, and say said that
“Looks like your theme’s responsive CSS styles hide the sidebar.”

here is my website in progress,

if you can give me advice on this issue it would be much appreciated.

thank you so much for your time!

If you can advise me on this issue, it would be wonderful!

Hi @caluyadesign,

I hope you are well today and thank you for your question.

You can try resolving this issue by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

aside#secondary {
    display: block !important;
    clear: both;
}

Best Regards,
Movin

Thank you so much Movin, you are the best.

You are most welcome here :slight_smile: