I have put additional css in customize section of theme:

.toshow {
    display: none;
}
.nav > li > a:hover .toshow {
    display: block;
}

and following divs are in header.php

<div class="toshow">Hello</div>
<div class="toshow">Hi</div>

but div is not being shown when I hover mouse over menus.

Menu:

 <div id="et-top-navigation" data-height="106" data-fixed-height="40">
                                            <nav id="top-menu-nav">
                        <ul id="top-menu" class="nav et_disable_top_tier"><li id="menu-item-3987" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-38 current_page_item menu-item-3987"><a href="http://test.elancebank.com/">Home Page</a></li>
<li id="menu-item-3988" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3988"><a href="http://test.elancebank.com/smartphones/">Smartphones</a></li>
<li id="menu-item-3989" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3989"><a href="http://test.elancebank.com/laptops/">Laptops/Tablets</a></li>
<li id="menu-item-3990" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3990"><a href="http://test.elancebank.com/electronics/">Electronics</a></li>
</ul>                       </nav>



                                        <div id="et_top_search">
                        <span id="et_search_icon"></span>
                    </div>

                    <div id="et_mobile_nav_menu">
                <div class="mobile_nav closed">
                    <span class="select_page">Select Page</span>
                    <span class="mobile_menu_bar mobile_menu_bar_toggle"></span>
                </div>
            </div>              </div> <!-- #et-top-navigation -->

Read more here: wordpress menu hover div display issue


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: