1. HOT Be a Pro member & access all our premium Divi extensions, including Divi Block, popular Divi Ultimate Header Plugin, etc.LEARN MORE
Dismiss Notice
NEW Divi Login Customizer Plugin - Instantly get a beautifully crafted login page design for Divi site.
View premade login page design
BEST Divi Block - An online drag & drop tool to easily mix & match 417+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks, before / after image slider, promo bar, floating button, logo carousel, content toggle, slide in bar, etc.
Learn MoreTry Free Version

Solved Adjust Menu Item Hover Area

Discussion in 'Free Divi Community Forum' started by Jerry Strifler, May 6, 2022.

  1. Jerry Strifler

    Jerry Strifler New Member

    After adding CSS to lower the dropdown menu, there is an invisible gap between the main menu item and the sub-menu where the hover effect (invoking the sub-menu) is lost. This results is a flicker of the sub-menu going off then back on.

    Is there a way to increase the hover "hot spot" to go all the way down to the bottom of the main menu row?

    Example for problem: https://casateresa.org

    Thanks in advance.
    1. AD A versatile multipurpose plugin with lots of modules to design & customize different aspects of the Divi theme:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    .et-menu>li:before {
        content: '';
        height: 12px;
        width: 100%;
        position: absolute;
        bottom: -12px;
  3. Jerry Strifler

    Jerry Strifler New Member

    Thank you! This works great! Problem solved.
    1. AD Create awesome masonry galleries with Divi Masonry Gallery:Learn More