[SOLVED] Drop-down Menus Not Working

[Comatose]

Forum URL: infiniteloop.boards.net/

For the last 4 days my staff and I have noticed that the drop-down menus on the forum have just stopped working on our skin.

I haven't added anything to the site and even went though and removed the js, disabled all plugins, and even took down the chat boxes we have to test to see if any of those were causing the problem. None of these resolved the issue. We can't move or delete posts because of this and we are at a loss as to what in the code is causing the issue. We know it is the skin because when switching to the proboards default the menus work again. Neither of us are sure what caused this to happen since it was quite sudden with no changes made.

If you need to see the pbt to help fix the issue, I can send it via PM. (Since it is custom and unique to our site, I'd rather it not be out for anyone to take)

Since this has to do with the custom skin I made, I figured I'd post it here in the template support rather than in the general support.

[elli]

You have edited a class that exists on the select menus:

.hide {
  display: none !important;
}

The specificity of !important is overwriting the inline display styles being applied by the script that controls the select menus. You'll need to remove !important to fix your menus, because the class can't be removed in the HTML.

It looks like you're using this class elsewhere in your theme, so I would create a second class with display: none !important and apply where needed. In general, it is considered best practice in CSS to avoid the use of !important because of its high specificity. It should basically be a last resort.

Cute skin btw!

[Comatose]

Of course it was a simple fix. Thanks for spotting that! I wasn't aware the menus used the hide class too. I'll keep that in mind for future skins

[Kami]

I just wanted to say this theme is hella cute good job!