Meiko Posted October 25, 2013 Share Posted October 25, 2013 I noticed that the "site navigation bar" as I'll call it, or simply where the "Forum", "Members", "Blogs", "Gallery", "Awards" and "Wiki" links are on that grey bar, the wiki link doesn't display inside the bar when it is supposed to. To fix this, all there needs to be is a small addition of this CSS code: #community_app_menu { white-space: nowrap; } Hope that's useful. Edit: I'm on Google Chrome Version 30.0.1599.101 Ubuntu 13.10 (30.0.1599.101-0ubuntu2) Link to comment Share on other sites More sharing options...
le717 Posted October 25, 2013 Share Posted October 25, 2013 I just tested that little snippet myself, and it had no effect on the "Nav bar" (as I call it). Can you take a picture of what you are referring to? I'm using Firefox 24.0, Windows 8.1 Core x64. Link to comment Share on other sites More sharing options...
Meiko Posted October 25, 2013 Author Share Posted October 25, 2013 This is what I have without that code: With the code, it looks like what is in your screenshot. Link to comment Share on other sites More sharing options...
lol username Posted October 25, 2013 Share Posted October 25, 2013 The "Wiki" text is also floating under the bar for me, like in Meiko's screenshot, without the fix applied: Link to comment Share on other sites More sharing options...
Guurahk204 Posted October 25, 2013 Share Posted October 25, 2013 I can confirm this (in the latest version of Chrome, at least) Link to comment Share on other sites More sharing options...
Cirevam Posted October 25, 2013 Share Posted October 25, 2013 So this is only affecting Chrome users? I use Firefox and tested RRU in Internet Explorer as well, and it looks fine to me in both. Regardless, I'll pass this along. Link to comment Share on other sites More sharing options...
le717 Posted October 25, 2013 Share Posted October 25, 2013 It does seem to be a Chrome issue. I do not think it would do any harm adding it in the global CSS (rather than making it Chrome only), since it had no effect on other browsers. Guurahk204 1 Link to comment Share on other sites More sharing options...
ProfessorBrickkeeper Posted October 25, 2013 Share Posted October 25, 2013 It's not a Chrome issue, that much I know. I'm currently using Safari and it appears to have the wiki button hovering below the navigation bar for me. Link to comment Share on other sites More sharing options...
le717 Posted October 25, 2013 Share Posted October 25, 2013 It's not a Chrome issue, that much I know. I'm currently using Safari and it appears to have the wiki button hovering below the navigation bar for me. Well, yes and no. Chome and Safari both use a WebKit based engine (Firefox uses Gecko and IE Trident), and with this report, it seems to be a WebKit issue rather than a Chrome only issue. I've been writing a website as an experiment, and I have been dealing with the differences in rendering engines. Link to comment Share on other sites More sharing options...
JrMasterModelBuilder Posted October 25, 2013 Share Posted October 25, 2013 It's not a Chrome issue, that much I know. I'm currently using Safari and it appears to have the wiki button hovering below the navigation bar for me. That makes this a WebKit issue (a statement which I have been beaten to). I can confirm that it is only happening in WebKit based browser, Chrome and Safari. It appears to be caused because the last li element in the list of buttons doesn't have the left class. Adding the left class to the last li item or adding "float: left;" to the ".ipsList_inline>li:last-child" rule would be a better way of fixing the problem. Link to comment Share on other sites More sharing options...
Cyrem Posted October 26, 2013 Share Posted October 26, 2013 Thank-you for pointing this out, the fix has been applied. le717 1 Link to comment Share on other sites More sharing options...
Recommended Posts