When the user scrolls down my page, the header shrinks and is fixed to the top as I want. Unfortunately, I have submenus. When the user rolls over primary navigation they appear, but only momentarily, not long enough for a selection. I found a posting form 2010 that suggested modifying K_menu in custom.js but that file does not exist for Enfold now, and it seems there would be a better solution anyway. This has to be a common issue.
What to do?
Hey Tim,
Sorry for the late reply, the reason your sub-menu closes quickly is because the sub-menu is too far away from the menu due to this css in your child theme css:
.menu > li > .sub-menu {
top: 110px !important;
color: #000000 !important;
}
Please try replacing with this css:
.menu > li > .sub-menu {
top: 60px !important;
color: #000000 !important;
}
Best regards,
Mike