Removing Sort Options (Prestige Theme) on Tablet and Mobile

[the_mudd_shop]

I was able to hide all sort options (except for Price Ascending & Price Descending) by adding the following code to the assets/theme.css :

/* Show only the Ascending price and Descending price SORT options */
.Popover__Content {
[data-value="manual"],
[data-value="best-selling"],
[data-value="created-ascending"],
[data-value="created-descending"],
[data-value="title-ascending"],
[data-value="title-descending"] {
display: none !important;
}
}

However, all sort options are still showing on tablet & mobile (see attached screenshot). When I applied the mobile only CSS to the above code it did not work.

@media screen and (min-width: 768px) {
.Popover__Content {
[data-value="manual"],
[data-value="best-selling"],
[data-value="created-ascending"],
[data-value="created-descending"],
[data-value="title-ascending"],
[data-value="title-descending"] {
display: none !important;
}
} 
}

Any suggestions or alternative CSS would be very much appreciated.

My client's Shopify URL:  harminharmin.myshopify.com

[Made4uo-Ribe · Accepted solution]

Hi @the_mudd_shop 

Try this one. 

@media screen and (max-width: 1007px) {
    .Popover__Content :is([data-value=manual],[data-value=best-selling],[data-value=created-ascending],[data-value=created-descending],[data-value=title-ascending],[data-value=title-descending]) {
        display: none !important;
    }
}

And Save. 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[the_mudd_shop]

Well, well, well — this is amazing!
At first, it didn’t work when I added your code to the assets/theme.css
However, it worked perfectly when I added it directly to the CSS block within Customize > Theme Settings.

Thank you so much @Made4uo-Ribe — your help is truly appreciated!

[Made4uo-Ribe]

Yes, that is another option. If your base.css/theme.css missing or lacking 1 sign the new code youll paste wont work. The custom ccs on the theme editor is also an option but have a limit.

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Made4uo-Ribe]

Welcome! Would you mind hitting 'like' as well? Thanks!