Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #5182

    This is a simple solution, but it’s eluding me. If you look at the drop down here: http://www.nashville-sheriff.net/ The sub-menu next to Chief Deputy disappears before I can mouse over the listings, presumably because it’s clashing with the Media drop down next to it. I know it’s probably a simple CSS fix, but I can’t find it. Please help! Thanks.

    #49141

    bump

    EDIT: This issue seems most prominent in IE, but it also shows up on occasion in Firefox as well.

    #49142

    Hey,

    the problem is that the “Resource” menu tab has a short description compared to other menu items. So when the user navigate towards dropdown they leave the link element and the dropdown closes. You need adjust the link size. You can create a longer description for the resource tab or you can adjust the other tabs.

    #49143

    This did not work for me. I expanded the descriptions on both “DCSO Media Center” AND “Resources,” and I still have the same issue, only know, you can see the description text as it bleeds into the menu. So, I need to remove that conflict AND make the menus opaque so that description text isn’t visible. Thanks.

    #49144

    Only NOW, I mean, not “only know.” Apologies for confusion. To clarify, after the changes, I have issues in IE and FF.

    #49145

    It works fine for me now (IE9 + Firefox & Chrome) but I’ll report it to Kriesi. Maybe he can improve the menu function by implementing hoverintent or something similiar.

    #49146

    Okay, thanks for help. I’m having trouble accessing the “Chief Deputy” submenu. Could I just have the CSS needed so that the menu isn’t transparent? At the very least, I”d like to hide the description text so it doesn’t obscure the menu text.

    #49147

    I’d push the menu down a bit (some pixels) by adjusting following code in style.css:

    #top .catnav ul {
    display:none;
    position:absolute;
    top:90px;
    width:172px;
    left:-10px;
    }

    Change it to:

    #top .catnav ul {
    display:none;
    position:absolute;
    top:97px;
    width:172px;
    left:-10px;
    }

    You can hide/delete the description by clearing the description text field for all main menu items.

    #49148

    Thanks for help. The code changes the menu position in Firefox, but it appears to stay the same in IE. Worse, when I move it down, I can select the items on the “Divisions/Facilities” menu, but I can’t even access the “Media Center” links before they disappear. Frustrating.

    Your hoverintent idea seems interesting.

    #49149

    Please try to clear the cache of your IE browsers. The position of the dropdown is absolute so it should effect every browser in the same way…

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

The topic ‘Revise Menu CSS’ is closed to new replies.