Limited Support
Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.
We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!
Merry Christmas and Happy Holidays! 🎄
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. 👍
