Try adding this rule:

ul.sub-menu {
  z-index: 60;
}

Alternatively you can use jQuery to fix problems with text not shown and menu overlap.

$(".sub-menu ul").css("z-index", 60);
$(".sub-menu li a").css("padding-top", "5px");
$(".sub-menu li a").css("padding-bottom", "5px");
$(".sub-menu li").css("height", "fit-content");

having trouble getting the last child dropdown to show up in front or beside the first child dropdown menu. changed the z-index in different spots. Still nothing has changed. not sure how if my CSS or HTML or jquery needs fixing.

the link to the site is at the bottom of the page.

/*--.has-sub .sub-menu .sub-menu*/

#navCssMenu > ul > li:last-child{
box-shadow: none;
}

#navCSSMenu ul > li:last-child > ul{
z-index:9999;
position: absolute;
top: 13px;
right: 10px;
width: 4px;
height: 4px;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
content: '';
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-ms-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}

/END .has-sub .sub-menu .sub-menu–/

site: https://www.cellregenwellness.com/home40731362