!important declaration causes overlay issues when moving the Top Menu User Panel.

I've been working on a theme and have run into a small issue.

The following is in the main CSS...

.interactiveDropdown {
position: fixed;
top: 50px !important;
}

This means that the only way to change where the dropdown appears is to put yet another !important declaration with a different height. However, I also noticed this...

element {
inset: 81px 266px auto auto;
}

The JS is apparently set up to properly determine the position for the dropdown, BUT the aforementioned !important declaration in the main CSS overrides it.

Quote from GTB

Are you using the older version of WBB. As that background theme image looks like the one uses with the older version of WBB forum

Current version.

Quote from GTB

Why I asked, I thought so. Are you styling it to look like the previous version.

Yes, because I despise the new theme.