menus not working properly

  • Resolved jbento

    (@jbento)


    13 years, 7 months ago

    All,
    I hope someone can help with this problem.

    My wife’s site is here: https://www.pattybenton.com and the menu links are not working properly at the top.

    If you go to the site, and place your mouse arrow of the menu item:

    PATTY BENTON
    Why you need us

    Put your mouse arrow over the 2nd “T” in PATTY and then try to scroll down. You will notice it will not allow you scroll down to the rest of the menus, past the sub-menu item About Patty.

    It seems to be a problem with the page title “Home” on that page, but if you go in the same spot over the 2nd “T” in PATTY and then try to scroll down, but go slightly to the right, it will allow you to scroll to the rest of the menu items.

    This work the same on each page with those page titles.

    Does anyone know how this can be fixed?

    Please help if you can and thanks in advance!

Viewing 7 replies - 1 through 7 (of 7 total)

  • Open your style.css file and add ‘z-index: 1000;’ to the following element (around line 125):

    #eqnav li {
    background: url("images/menu-divider.jpg") no-repeat scroll left center transparent;
    display: inline;
    float: left;
    height: 60px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1000;
}

    Give it a try and see what you get, the problem is the “Home” link is at the same relative “z” position (think “depth”) as the menu items.

    Thread Starter jbento

    (@jbento)

    I tried what you said and that didn’t work.

    Do you have any other ideas?

    I just tested it again using Firebug and it works fine for me.

    PS: The line reference should be 126, or at least it is now.

    Thread Starter jbento

    (@jbento)

    I can’t get my Firebug to work to show me the line numbers, so I don’t know where to put.

    I put the code in Frontpage to see the line numbers, and the below is my line 126. Does it go after that line?

    #eqnav li{ position:relative;list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; float: left; height: 60px; display: inline;background: url(images/menu-divider.jpg) left center no-repeat}

    Replace that line with this one:

    #eqnav li{ position:relative;list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; float: left; height: 60px; display: inline;background: url(images/menu-divider.jpg) left center no-repeat; z-index: 1000;}

    That should do the trick …

    Thread Starter jbento

    (@jbento)

    That did it!

    My wife will be so HAPPY now!!!

    Thank you so much!

    You’re welcome! Enjoy!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘menus not working properly’ is closed to new replies.