Woo-commerce storefront how to NOT hide search-bar on mobile

Question

I want to make my storefront theme not hide the build in site search .woocommerce-product-search on mobile devices.

Answer 1

Add the following css

Method 1: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

@media screen and (max-width:768px) {
    .site-search {
        display: block !important;
    }
}