Don’t place the code in style.css. Use the custom css option.
First try the code for tabindex 1 and 2 to see what happens
.sf-super-search #product_cat[tabindex="1"] .show-dropdown {
height: 300px!important;
overflow-y: auto!important;
width: 160px!important;
}
.sf-super-search #product_cat[tabindex="2"] .show-dropdown {
height: 300px!important;
overflow-y: auto!important;
width: 160px!important;
}
Then try also the 3 and 4
at the end delete the ones that don’t do what you need.
.sf-super-search #product_cat[tabindex="3"] .show-dropdown {
height: 300px!important;
overflow-y: auto!important;
width: 160px!important;
}
.sf-super-search #product_cat[tabindex="4"] .show-dropdown {
height: 300px!important;
overflow-y: auto!important;
width: 160px!important;
}
If you can’t to do it, don’t stuck in there and move on forward and we will check when it’s online.
-Rui
.