Odd space between menu items in the top bar and search icon falls off the end - How-to and Troubleshooting - wpForo 2.0

RE: Odd space between menu items in the top bar and search icon falls off the end

Robert — Mon, 22 Apr 2019 19:26:55 +0000

wpForo doesn't have such issue. This is a theme conflict. So the CSS code above doesn't fix any bug in wpForo, it just fix the conflict between some themes. Those WordPress themes are very r...

RE: Odd space between menu items in the top bar and search icon falls off the end

Mark Ransome — Sun, 21 Apr 2019 23:10:35 +0000

Thanks for this little fix, but the original post was last year, how come this has not been resolved in any updates?

Just curious about updates!

Mark

RE: Odd space between menu items in the top bar and search icon falls off the end

Robert — Tue, 07 Aug 2018 07:18:41 +0000

Please add this CSS code as well. Don't forget delete all caches and press Ctrl+F5 on forum front after adding the code.

#wpforo #wpforo-wrap .wpf-search input.wpf-search-field:focus {
      background-color: #FFFFFF;
}

RE: Odd space between menu items in the top bar and search icon falls off the end

the_watchkeeper — Mon, 06 Aug 2018 15:00:42 +0000

Thank you! That fixes the position! When you click the search icon the bar doesn't turn white and you can't see text as it's entered. Is that a problem with my color settings or is there another conflict going on? Thanks

RE: Odd space between menu items in the top bar and search icon falls off the end

Robert — Mon, 06 Aug 2018 14:28:12 +0000

Please navigate to Dashboard > Forums > Settings > Styles admin page, put this CSS Code in Custom CSS Code textarea, save it, delete all caches and press Ctrl+F5 on forum front:

#wpforo #wpforo-wrap .wpf-search input.wpf-search-field {
     background-color: transparent; display:inline-block
}
#wpf-widget-search .wpforo-widget-content input{
     display: inline-block;
}

RE: Odd space between menu items in the top bar and search icon falls off the end

the_watchkeeper — Mon, 06 Aug 2018 13:49:53 +0000

Hi I've returned the search bar feature to my website for you to debug. Thank you!

RE: Odd space between menu items in the top bar and search icon falls off the end

Sofy — Sat, 04 Aug 2018 08:42:21 +0000

Hi the_watchkeeper,

This is a small CSS conflict with your theme. Please enable "Show Top Search" option to allow us to debug it and provide some CSS solution.

RE: Odd space between menu items in the top bar and search icon falls off the end

the_watchkeeper — Fri, 03 Aug 2018 14:50:48 +0000

I've now removed the search icon because it's broken, but do let me know if this is a known issue. Thanks

RE: Odd space between menu items in the top bar and search icon falls off the end

the_watchkeeper — Fri, 03 Aug 2018 13:30:28 +0000

UPDATE: The odd space between menu items was a stray bit of CSS I'd added. But I've stripped everything down and the search icon is still problematic. As you can see, it falls off the end of the menu bar and nothing happens when you click it.

Odd space between menu items in the top bar and search icon falls off the end

the_watchkeeper — Thu, 02 Aug 2018 14:08:43 +0000

Hi, I've recently installed wpforo and noticed that the menu items in the top bar have extra space between them which pushes the search icon off the end. How can I fix this? Thanks!

Link to my forum