bobnotrob 0 Report post Posted January 4, 2011 Getting this very annoying space between the primary nav and the flyout submenu. Any thoughts on how to fix? Share this post Link to post Share on other sites
Andrew 207 Report post Posted January 5, 2011 Could help with a live link, use firebug to see what's causing it then add custom css to fix. Share this post Link to post Share on other sites
bobnotrob 0 Report post Posted January 5, 2011 Am working on getting you a link as soon as I figure out what to upload to remote site. Thanks. BOB Share this post Link to post Share on other sites
bobnotrob 0 Report post Posted January 5, 2011 I finally have a link to show you so you can help... MTR Share this post Link to post Share on other sites
Andrew 207 Report post Posted January 6, 2011 Looks like you need to get rid of some borders... ` #nav_row.main_nav, .main_nav ul.sf-menu ul li { border-bottom: medium none; } ` to start.. are you experimenting with Firebug? Share this post Link to post Share on other sites
bobnotrob 0 Report post Posted January 6, 2011 I have been switching between Firebug and Safari Web Developer. I still don't see where you pulled that code from though. Share this post Link to post Share on other sites
bryan-hadaway 3 Report post Posted January 6, 2011 Add the provided code to Custom Code > Custom CSS and if it's still not quite right we can work on it further. Thanks, Bryan Share this post Link to post Share on other sites
bobnotrob 0 Report post Posted January 6, 2011 That code actually got rid of the line separating one submenu item from another, i.e., the line between "Getting Started" and "Download Forms". The space still exists. Share this post Link to post Share on other sites
bryan-hadaway 3 Report post Posted January 6, 2011 Aaah, ` #nav_row.main_nav, .main_nav ul.sf-menu ul li { border-bottom: 1px solid #000; } ` Thanks, Bryan Share this post Link to post Share on other sites
bobnotrob 0 Report post Posted January 6, 2011 Nope. Sorry. Perhaps I will just accept the space and grow as a person because of it Share this post Link to post Share on other sites
Kate 3 Report post Posted January 6, 2011 @Bob I'm sure there's a couple different options, but this is one: .sub-menu{margin-top:-2px !important;} Share this post Link to post Share on other sites
bobnotrob 0 Report post Posted January 6, 2011 Thanks but still a space. I'm still trying to figure out where Andrew pulled that code from because I can't locate it using Firebug or anything! It does appear like a border issue but all my borders are set to zero...or so I think. Share this post Link to post Share on other sites
cmunns 16 Report post Posted January 6, 2011 You have to be a sneaky ninja to fix dropdown css issues `.sf-menu li:hover ul, .sf-menu li.sfHover ul {top:32;}` Share this post Link to post Share on other sites
Kate 3 Report post Posted January 6, 2011 @Bob Hmmm... It worked when I tried it. But, hopefully @cmunns solution will help Share this post Link to post Share on other sites
bobnotrob 0 Report post Posted January 8, 2011 I don't know why it didn't work the first couple of times I tried your solution but it worked today, Kate. Thanks to all of you who assisted...you really do have to be a sneaky ninja. Share this post Link to post Share on other sites
