Remove the Sort Dropdown

Hi there 👋

This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
 

/* Disable Sort Order dropdown */
select#wc-block-components-sort-select__select-0 {
    display: none;
}

 
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

I hope that helps! 🙂

That’s strange. Could you please remove the previous code and try the following one instead?

/* Hide products sort */
.page-id-2913 .wc-block-sort-select.wc-block-components-sort-select.wc-block-product-sort-select.wc-block-components-product-sort-select {
    display: none !important;
}

Cheers!

Hi @raunhar. Sorry that we missed your last response.

Are you referring to removing the sorting on http://nnscommoditynews.com/shop/ rather the link that you shared before? If so, you can use the following code:

/* Hide products sort on shop page */
.woocommerce .woocommerce-ordering select{
display:none;
}