Return to previous page

Hide stock in search result on mobile menu

This topic has 2 replies, 2 voices, and was last updated 7 months, 1 weeks ago ago by Tony Rodriguez

Oshrat

Participant

September 19, 2023 at 11:22

How to hide the stock on the products when I search on mobile?

Thank you!

#367863 Copied Theme version: 9.1.8 WooCommerce version: 8.1.1

1 Answer
Tony Rodriguez

Support staff

September 19, 2023 at 12:12
Hello, @Oshrat,

Thank you for choosing XStore as your WooCommerce WordPress theme.

To Hide/Remove the stock status on products during a mobile search, kindly follow the instructions below:

1. Copy the CSS code provided below.
2. Navigate to Xstore > Theme Options > Theme Custom CSS > Global CSS.
3. Paste the copied CSS code in the designated area.
4. Click on ‘Publish’ to save the changes.
```
@media(max-width: 767px){
.autocomplete-suggestion .ajax-item-info>.stock {
    display: none !important;
}
}
```
We trust that this will effectively address your concern.

Best Regards,
Team 8Theme
#367869 Copied
Tagged: advanced woocommerce settings, hide stock search result, mobile search customization, stock visibility woocommerce, woocommerce mobile menu, wordpress mobile optimization, wordpress themes woocommerce
Viewing 2 results - 1 through 2 (of 2 total)