GeneratePress Theme – Keep Primary Menu Drop Down Visible After Hover

GeneratePress is great theme, fast in Google PageSpeed and easy to customize, and good with website SEO and I use it often for projects.

There was an issue while customizing primary navigation with drop down menu in GeneratePress theme, the primary menu drop down shows on hover and disappears on mouse out, it is usually the standard but not always what you want. If you want to keep primary menu dropdown visible after hover, use the following css.

Just add this css in your WordPress > Appearance > Customize > Additional CSS:

.dropdown-hover .main-navigation:not(.toggled) ul li > ul {
    left: auto;
    opacity: 1;
    transition-delay: 150ms;
    pointer-events: auto;
    height: auto;
    overflow: visible;
}

Hope that helps.