Support » Fixing WordPress » Disjointed Nav Menu

  • jakecollier

    (@jakecollier)


    Friends,

    I just updated my theme and had little to no issues (since I use a child theme), but one issue that’s arisen is a strange problem with my nav bar.

    When I hover over an item, there’s a top margin of about 10-15px on the “fly-out/drop-down” menu that comes up. It makes hovering over an item very difficult, creating a pretty difficult user experience.

    Here’s a link: http://welding-tv.com

    Any clue how to fix?

    -jc

Viewing 2 replies - 1 through 2 (of 2 total)
  • JarretC

    (@jarretc)

    In your child theme’s style.css file find

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
    	left:			0;
    	top:			45px; /* match top ul list item height */
    	z-index:		99;
    }

    and change it to

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
    	left:			0;
    	top:			28px; /* match top ul list item height */
    	z-index:		99;
    }

    Tested in Chrome only on Win7 so your mileage in other browsers/OSes may vary.

    jakecollier

    (@jakecollier)

    worked like a charm. many thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Disjointed Nav Menu’ is closed to new replies.