title: Avada WordPress Theme: Rounding corners on dropdown Submenu
body: <p>I´m working on a new WordPress Site using the Avada Theme.
  To make the menu a bit more charmful, i want the corners of the Dropdown Sub Menu to be rounded.</p>
  <p>So I tried to add the following custom CSS Code:</p>
  <pre><code>.sub-menu {
  border-radius: 0 0 15px 15px;
  overflow: hidden;}
  </code></pre>
  <p>Well, that worked and looks good.
  The problem i´m facing right now: In one case, I need a additional submenu entry (so a Sub-Sub-Menu). And since I´m using &quot;overflow: hidden&quot; the site won't show me the second submenu.</p>
  <p>Do you have any idea how to achieve the rounded corners with working sub menu for a CSS noob?</p>
  <p>Thank you for your time, I appreciate your work!</p>
  <p>Cheers,</p>
  <p>Nick</p>
  <p><a href="https://i.stack.imgur.com/pYWsX.png" rel="nofollow noreferrer">Round corners but no Submenu</a></p>
  <p><a href="https://i.stack.imgur.com/kaPyV.png" rel="nofollow noreferrer">Submenu appearing without custom CSS</a></p>
  <pre><code>&lt;li id=&quot;menu-item-6&quot; class=&quot;menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6 fusion-dropdown-menu&quot; data-item-id=&quot;6&quot; style=&quot;overflow: visible;&quot;&gt;
  
  &lt;a href=&quot;#&quot; class=&quot;fusion-bottombar-highlight&quot; aria-haspopup=&quot;true&quot;&gt;&lt;span class=&quot;menu-text&quot;&gt;Teamevents&lt;/span&gt;&lt;/a&gt;&lt;ul class=&quot;sub-menu&quot;&gt;&lt;li id=&quot;menu-item-1377&quot; class=&quot;menu-item menu-item-type-post_type menu-item-object-page menu-item-1377 fusion-dropdown-submenu&quot;&gt;
  
  //BEGINNING OF SUBMENU
  
  &lt;a href=&quot;LINK&quot; class=&quot;fusion-bottombar-highlight&quot;&gt;&lt;span&gt;Menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li id=&quot;menu-item-1127&quot; class=&quot;menu-item menu-item-type-post_type menu-item-object-page menu-item-1127 fusion-dropdown-submenu&quot;&gt;
  &lt;a href=&quot;LINK&quot; class=&quot;fusion-bottombar-highlight&quot;&gt;&lt;span&gt;Menu 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li id=&quot;menu-item-371&quot; class=&quot;menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-371 fusion-dropdown-submenu&quot;&gt;
  &lt;a href=&quot;LINK&quot; class=&quot;fusion-bottombar-highlight&quot; aria-haspopup=&quot;true&quot;&gt;&lt;span&gt;Menu 3&lt;/span&gt;&lt;/a&gt;
  
  //BEGINNING OF SUB-SUBMENU ONE (won't be shown)
  
  &lt;ul class=&quot;sub-menu&quot;&gt;&lt;li id=&quot;menu-item-338&quot; class=&quot;menu-item menu-item-type-post_type menu-item-object-page menu-item-338&quot;&gt;&lt;a href=&quot;LINK&quot; class=&quot;fusion-bottombar-highlight&quot;&gt;&lt;span&gt;Submenu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li id=&quot;menu-item-1458&quot; class=&quot;menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1458 fusion-dropdown-submenu&quot;&gt;
  
  //END
  
  &lt;a href=&quot;#&quot; class=&quot;fusion-bottombar-highlight&quot; aria-haspopup=&quot;true&quot;&gt;&lt;span&gt;Menu 4&lt;/span&gt;&lt;/a&gt;&lt;ul class=&quot;sub-menu&quot;&gt;&lt;li id=&quot;menu-item-340&quot; class=&quot;menu-item menu-item-type-post_type menu-item-object-page menu-item-340&quot;&gt;
  
  //BEGINNING OF SECOND SUB-SUBMENU (won't be shown)
  
  &lt;a href=&quot;LINK&quot; class=&quot;fusion-bottombar-highlight&quot;&gt;&lt;span&gt;Submenu 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li id=&quot;menu-item-342&quot; class=&quot;menu-item menu-item-type-post_type menu-item-object-page menu-item-342&quot;&gt;
  &lt;a href=&quot;LINK&quot; class=&quot;fusion-bottombar-highlight&quot;&gt;&lt;span&gt;Submenu 3&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li id=&quot;menu-item-343&quot; class=&quot;menu-item menu-item-type-post_type menu-item-object-page menu-item-343&quot;&gt;&lt;a href=&quot;LINK&quot; class=&quot;fusion-bottombar-highlight&quot;&gt;&lt;span&gt;Submenu 4&lt;/span&gt;
  &lt;/a&gt;&lt;/li&gt;&lt;li id=&quot;menu-item-344&quot; class=&quot;menu-item menu-item-type-post_type menu-item-object-page menu-item-344&quot;&gt;&lt;a href=&quot;LINK&quot; class=&quot;fusion-bottombar-highlight&quot;&gt;&lt;span&gt;Submenu 5&lt;/span&gt;&lt;/a&gt;
  &lt;/li&gt;&lt;li id=&quot;menu-item-345&quot; class=&quot;menu-item menu-item-type-post_type menu-item-object-page menu-item-345&quot;&gt;&lt;a href=&quot;LINK&quot; class=&quot;fusion-bottombar-highlight&quot;&gt;&lt;span&gt;Submenu 6&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;
  </code></pre>