How To Show Out Of Stock Permanently Instead Of On Hover

hello I would like to display the out of stock label on all products in the grid list view. On some products especially on the home page when I hover an item it does show the out of stock option as expected the problem is that there isnt a hover option for mobile users. How can I make the out of stock button "always on "

What theme do you use? Please share the URL of your store

We are using the default responsive theme that comes with cscart just slightly restyled. the store is at www.packnpay.com.ng

Try to add the following code to the CSS section of the Theme editor

@media (max-width: 768px) {
    .ty-grid-list__control {
        display: block !important;
    }
}

Thank you for the suggestion but it seems I may not have explained my issue properly.I would like to show ONLY the out of stock option on both the home page and category list grids. I want the add to cart option to remain off as there is no way to set the amount ordered from that point.

In this case try

@media (max-width: 768px) {
    .ty-grid-list__control {
        display: block !important;
    }
    .ty-grid-list__control button, .ty-grid-list__control a{
        display: none;
    }
}