Two Filter Issue

The question:

I’ve noticed that on certain pages, two filters appear in the top right. One is styled properly (the bottom one), and the other isn’t. I’d like to remove the top one (which isn’t styled properly). Is there some CSS I can add to remove it?

Here are some sample URL’s:


The Solutions:

Below are the methods you can try. The first solution is probably the best. Try others if the first one doesn’t work. Senior developers aren’t just copying/pasting – they read the methods carefully & apply them wisely to each case.

Method 1

select.s-hidden {display: none !important;}

just add that on your style.css, it should be hiding the top one.

All methods was sourced from or, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

Leave a Comment