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

A Help With This

  • # June 23, 2013 at 4:49 am

    I am working on a mega drop down menu for a website. I have finished the the markup and it’s working fine.
    Here is a little problem. When I hover on the about link, the background turns to gray in agreement with the gray background of the mega menu that dropped down. This is deliberate. Now, the problem is that when you now move the cursor inside the mega menu, the gray bg of the link will turn off. I want it to remain gray.

    I want something like this:

    Can someone help me fix this?

    # June 23, 2013 at 6:42 am

    This reply has been reported for inappropriate content.

    If you look in the source you see <div id="navigation-overlay"></div>, they use that for the grayed-out effect.

    Change .one .a:hover to .one:hover .a to fix they gray background part :)

    # June 23, 2013 at 10:21 am

    @Croco, you are the bomb. Fixed. Thank u.
    Now, how do I go about the smoothness of the drop down menu?

Viewing 3 posts - 1 through 3 (of 3 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