Grow your CSS skills. Land your dream job.

My menu can’t be clicked on…

  • # January 5, 2013 at 10:11 am

    http://michaelajfarrellfoundation.org/foundation/
    I can’t figure out why I can’t click my menu..

    # January 5, 2013 at 10:34 am

    Hey,

    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

    @djrolstad, here’s the [FIX...](http://codepen.io/jiri/full/mjnal “”)

    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

    @djrolstad,
    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.

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