The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

My menu can’t be clicked on…

  • # January 5, 2013 at 10:11 am
    I can’t figure out why I can’t click my menu..

    # January 5, 2013 at 10:34 am


    Had a quick look at it and what’s causing the problem is the code for your anchor tags.

    In your css code “#header li a”, remove “position: relative”

    Everything will shift to the left, but you can fix that by increasing the left margin for your UL tag and then everything should be click-able.

    # January 5, 2013 at 11:00 am

    This reply has been reported for inappropriate content.

    @djrolstad, here’s the FIX…

    I removed the #navigation elements from CSS…there was no need for it since your nav was enclosed in header. You can do your own styling anyway you want.

    Edit: Please, let me know when you done so I can remove that Pen.

    # January 5, 2013 at 11:54 am

    Thanks guys! why would the position relative make it not clickable? just curious..

    # January 5, 2013 at 12:27 pm

    This reply has been reported for inappropriate content.

    I didn’t even look if the position relative had anything to do with it. The major problem was that you had a specificity collision in your nav. Some elements were given specificity of header id and some navigation id. So if you want to keep your nav inside the header you do as I did. If you don’t want to have your nav inside the header then you craft your nav elements with specificity of navigation id and put it below the header with header having some bottom margin. Hope it makes sense.

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed