Collapsed Navigation Menu Entries in oracle apex

---only parents---

.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-content.is-hover .a-TreeView-label {
visibility: visible;
left: 48px;
padding: 0 16px;
width: auto;
background-color: #0459a1; /* This would be your primary color */
}

.apex-side-nav.js-navCollapsed .t-Body-nav
, .apex-side-nav.js-navCollapsed .t-Body-nav .t-TreeNav {
    z-index: 999; /* Make it appear on top of the page content */
}

////////


---with child ---

.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel:hover ul {
display: block !important;
position: fixed;
left: 48px;
width: 220px;
padding: 0 0 0 12px;
}

.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel:hover > ul > .a-TreeView-node {
padding-left: 0px;
}

.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel:hover .a-TreeView-content .a-TreeView-label {
visibility: visible;
left: 48px;
padding: 0 8px;
width: 220px;
background-color: #0459a1;
}

.apex-side-nav.js-navCollapsed .t-Body-nav,
.apex-side-nav.js-navCollapsed .t-Body-nav .t-TreeNav {
z-index: 999; /* Make it appear on top of the page content */
}