WidreMann Posted December 3, 2012 Share Posted December 3, 2012 This is happening over and over again for me: I go to click on some part of the navigation bar to get to another part of the site and then I end up going a little too far and out pops the menu. Of course, I'm already mousing back down and clicking the link, but the link I want isn't there because it's covered up by the stupid popup. So now I end up in some other part of the site. Not happy. Link to comment Share on other sites More sharing options...
WidreMann Posted December 4, 2012 Author Share Posted December 4, 2012 It's worse, actually. I found out that there are little arrows that show up on the navigation links that will trigger the menus to come down. I don't even have to miss! This may be a Chrome issue, but it needs to be fixed either way. Link to comment Share on other sites More sharing options...
Disc Posted December 4, 2012 Share Posted December 4, 2012 I do agree on the menu bar being above the nav bar is a bit annoying. Link to comment Share on other sites More sharing options...
Wow Posted December 5, 2012 Share Posted December 5, 2012 I have Chrome and I don't have this problem. So you're hovering over the nav bar and it is activating one of the drop downs in the menu bar? I want to ditch the big light blue nav bar and find something else but I will see if I can put some distance between the two. Link to comment Share on other sites More sharing options...
WidreMann Posted December 5, 2012 Author Share Posted December 5, 2012 These little guys show up: I'm using Chrome dev, so maybe that's the problem. Link to comment Share on other sites More sharing options...
Wow Posted December 5, 2012 Share Posted December 5, 2012 That is probably the reason. You can play around with the CSS properties in the chrome inspector and let me know what you find. Link to comment Share on other sites More sharing options...
WidreMann Posted December 5, 2012 Author Share Posted December 5, 2012 Here's the XPath from Chrome's inspector for one of the little arrows: //*[@id="nav_app_core"]/a/span The CSS class is downarrow or rightarrow. It actually belongs inside //*[@id="breadcrumb"]/li[0]/a/span which is the box that contains the menu header. Somehow it slides down below the menu bar. Turning off display: inline-block from the class #community_app_menu li > a > .downarrow seems to fix it in Chrome for me. Link to comment Share on other sites More sharing options...
Wow Posted December 5, 2012 Share Posted December 5, 2012 It shouldn't be in breadcrumb div at all, only in nav_app_core which houses the menu. Looks good there. I turned off the display property and goes missing for me. What if I add an overflow: hidden property? Link to comment Share on other sites More sharing options...
WidreMann Posted December 5, 2012 Author Share Posted December 5, 2012 It shouldn't be in breadcrumb div at all, only in nav_app_core which houses the menu. Looks good there. I turned off the display property and goes missing for me. What if I add an overflow: hidden property? I think I gave you the wrong XPath. I gotta go now, but I'll check it out this evening. Link to comment Share on other sites More sharing options...
WidreMann Posted December 6, 2012 Author Share Posted December 6, 2012 The number of people in chat shows up over the navbar too. Here's what I believe to be the XPath for that: //*[@id=chat-tab-count] Correct XPath for the down/right arrow: //*[@id=nav_app_core]/a/span overflow: hidden changes nothing. Link to comment Share on other sites More sharing options...
Kevin W Posted December 6, 2012 Share Posted December 6, 2012 I do agree on the menu bar being above the nav bar is a bit annoying. Yup. They should be swapped. Link to comment Share on other sites More sharing options...
Wow Posted December 6, 2012 Share Posted December 6, 2012 Wow will see what he can do. Link to comment Share on other sites More sharing options...
WidreMann Posted January 1, 2013 Author Share Posted January 1, 2013 It's still broken. Link to comment Share on other sites More sharing options...
Wow Posted January 2, 2013 Share Posted January 2, 2013 It's still broken. I'll put the menu software on the test board and let you play with it. The down arrow are in a > span tags for me. Link to comment Share on other sites More sharing options...
WidreMann Posted January 4, 2013 Author Share Posted January 4, 2013 I'll put the menu software on the test board and let you play with it. The down arrow are in a > span tags for me. They're in the right tags, but they show up in weird places. I'm honestly stumped, aside from the one fix I found. Maybe I should just write a user CSS for this site. Link to comment Share on other sites More sharing options...
WidreMann Posted January 4, 2013 Author Share Posted January 4, 2013 I just fixed it by adding the following custom CSS using the Chrome extension Personalized Web: #community_app_menu li>a>.downarrow { display:none !important } #community_app_menu li>a>.downarrow:hover { display:none !important } Edit: so apparently, you can't paste CSS code into posts... Link to comment Share on other sites More sharing options...
Wow Posted January 4, 2013 Share Posted January 4, 2013 I added that and standard Chrome displays.. well as you would assume... nothing. As long as it works for you I guess that all that matters. I guess I could add it to the template file for dev Chrome users only. Not sure how to do that with CSS though. #community_app_menu li a .downarrow { display:none !important } #community_app_menu li a .downarrow:hover { display:none !important } Link to comment Share on other sites More sharing options...
WidreMann Posted January 8, 2013 Author Share Posted January 8, 2013 I added that and standard Chrome displays.. well as you would assume... nothing. As long as it works for you I guess that all that matters. I guess I could add it to the template file for dev Chrome users only. Not sure how to do that with CSS though. #community_app_menu li a .downarrow { display:none !important } #community_app_menu li a .downarrow:hover { display:none !important } Yeah, it doesn't seem to do anything wherever you put it. I'll just stick with my home-grown solution. BTW, I downgraded to Chrome Beta channel, and the problem is still there. I'm guessing it's just a Chrome problem. It's also present on Linux with what I believe to be the equivalent of the Beta channel. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.