 <p>just add a class at your main ul (i added 'main-menu' for example) and then add this css:</p> <pre><code>.main-menu &gt; li &gt; ul, .main-menu &gt; li &gt; ul &gt; li &gt; ul, .main-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul { display: none; } .main-menu &gt; li:hover &gt; ul, .main-menu &gt; li &gt; ul &gt; li:hover &gt; ul, .main-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul { display:block; } </code></pre>