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! ??

Thanks for the reply. But it did not help.

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!

Sorry, it also didn’t work.
I am using Cover News free theme, and not using any blocks. The link page is the Woocommerce default Shop page

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

Are you referring to removing the sorting on https://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;
}

Thanks. It worked.