Hello, I seem to have developed a strange styling issue with the Navi dropdown (I think) over stretching the page and encroaching onto my sidebar. See Image
I see that the size is set to auto already. Is there a way to fix this with css please?
In firebug I do see an alert for an invalid property name, next to appearance: none; below.
The page with the errors is https://www.bisfhouse.com/Community/main-forum/
#wpforo #wpforo-wrap .wpf-navi select.wpf-navi-dropdown {
appearance: none;
width: auto;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 12px;
padding: 1px 10px !important;
margin: 0 1px 0 2px;
cursor: pointer;
}
Is there a way to fix this with css?
Many thanks
This problem comes from your theme style.css, it sets min-width:100% to all dropdowns. Put this CSS code in Dashboard > Forums > Settings > Styles > Custom CSS code textarea to overwrite it. Save it, delete all cache, navigate to forum front-end and press Ctrl+F5 to reset browser cache:
#wpforo #wpforo-wrap .wpf-navi select.wpf-navi-dropdown {
min-width: auto;
}
Thank you Robert, works a treat.
I'll get in touch with theme developers to ak them why the theme has been set up like this. 👍
