Forum Styling Issue Navigation Dropdown - How-to and Troubleshooting - wpForo 2.0

RE: Forum Styling Issue Navigation Dropdown

NSH — Sun, 03 Mar 2019 11:31:54 +0000

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. 👍

RE: Forum Styling Issue Navigation Dropdown

Robert — Sun, 03 Mar 2019 09:11:30 +0000

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;
}

RE: Forum Styling Issue Navigation Dropdown

NSH — Sun, 03 Mar 2019 01:08:36 +0000

Sorry, it should be accsible now. 😀

RE: Forum Styling Issue #wpforo-wrap .wpf-navi select.wpf-navi-dropdown

Robert — Sat, 02 Mar 2019 15:17:51 +0000

That page is not available. We can't check it.

Forum Styling Issue Navigation Dropdown

NSH — Sat, 02 Mar 2019 15:09:18 +0000

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

styling.PNG