Grow your CSS skills. Land your dream job.

[Solved] Need help with CSS3 nav ASAP!

  • # July 6, 2011 at 12:25 am

    Link

    Okay, first things first. This only happens on screens wider than 1200px, as I have media queries set up since it overlaps content. It doesn’t anymore since I made it hide itself, but I’ll change that AFTER I fix the major site breaking bugs.

    Here’s the problem. The nav menu is supposed to slide out, then have all the options displayed. It also has a vertical text label. The menu items slide over further when you hover. When you hover over the lower ones, the menu compresses (specifically the first li in the list), which makes it very difficult to click the link to the homepage. Any help is much appreciated.

    I would prefer it not have the extra spacing, but if it KEEPS the spacing, that’s fine for now. Then I can try to make it smaller tomorrow.

    Those with smaller screens, yes I know the nav label is still there, I’ll make it hidden after I fix this.

    On a side note, any comments on the logo?

    # July 6, 2011 at 12:45 am

    I really need to get this fixed ASAP. Any POSSIBILITIES that I could look into would be awesome.

    # July 6, 2011 at 12:08 pm

    Any ideas?

    # July 6, 2011 at 12:30 pm

    Nevermind, it’s fixed now. Any ideas on how to remove the extra space would still be helpful.

    # July 6, 2011 at 12:45 pm

    Use this to guide yourself. You can use the whole code if you want. :) http://jsfiddle.net/3BMNr/

    # July 6, 2011 at 12:58 pm

    Hmm… I don’t like the way it jumps back to the left. My version. It does work as intended though :P

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".