Support » Theme: Debut » Problem with submenus

  • Resolved Edi

    (@psychosopher)


    There is a problem with the submenus using Firefox 31.0. Hoovering the navigation bar the submenus are shown but sometimes disappear when the cursor is moved toward an entry.

    It works for example with Chrome and Safari.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Edi

    (@psychosopher)

    I found the solution at

    http://wordpress.org/support/topic/sub-menu-hovers-but-items-disappear-on-mouse-over

    The CSS at line 546 has to be

    .main-navigation ul ul {
    	display: none;
    	float: left;
    	position: absolute;
    	top: 0;
            padding-top: 1.8em;
    	left: 0;
    	z-index: 99999;
    }

    instead of

    .main-navigation ul ul {
    	display: none;
    	float: left;
    	position: absolute;
    	top: 1.8em;
    	left: 0;
    	z-index: 99999;
    }
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    Thread Starter Edi

    (@psychosopher)

    Oops, this does work only partly.

    Hovering from right works, but hovering from left does not yet.

    Thread Starter Edi

    (@psychosopher)

    This works for a navigation with one submenu:

    .main-navigation ul ul {
    	display: none;
    	float: left;
    	position: absolute;
    	top: 0;
            padding-top: 1.8em;
    	left: 0;
    }

    For more submenus you have to fix more code.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Problem with submenus’ is closed to new replies.