JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<ul id="menu-main" class="menu"><li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-19 current_page_item menu-item-39 active "><a href="https://kellyjeancasting.com/" aria-current="page">HOME</a></li>
    <li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38"><a href="https://kellyjeancasting.com/about-main/">ABOUT</a></li>
    <li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-35"><a href="https://kellyjeancasting.com/talent-main/">TALENT</a>
    <ul class="sub-menu">
        <li id="menu-item-43" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-43"><a href="https://kellyjeancasting.com/talent-main/?vp_filter=category%3Aadult">Adults</a>
        <ul class="sub-menu">
            <li id="menu-item-45" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-45"><a href="https://kellyjeancasting.com/talent-main/?vp_filter=category%3Amale">Male</a></li>
            <li id="menu-item-44" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-44"><a href="https://kellyjeancasting.com/talent-main/?vp_filter=category%3Afemale">Female</a></li>
        </ul>
    </li>
        <li id="menu-item-40" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-40"><a href="https://kellyjeancasting.com/talent-main/?vp_filter=category%3Achild">Kids</a>
        <ul class="sub-menu">
            <li id="menu-item-42" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-42"><a href="https://kellyjeancasting.com/talent-main/?vp_filter=category%3Aboy">Boys</a></li>
            <li id="menu-item-41" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-41"><a...

CSS

ul{
  display:inline-block;
}
ul li{
  position:relative;
  
}
ul li > ul{
  position:absolute;
  left:100%;
  top:0;
  width:60px;
display:none;  
}
ul li:hover > ul{
  display:inline-block;
}