.contextMenu-cont { position: absolute; display: flex; z-index: 1000; box-shadow: #AAAAAA .2vw .2vw .4vw; flex-direction: column; } .subMenu-cont { position: relative; display: flex; z-index: 1000; box-shadow: #AAAAAA .2vw .2vw .4vw; flex-direction: column; left: 100%; //should make this appear 100% to the right of the parent element (the original context menu) } .contextMenu-item { width: 10vw; //auto height: 2vh; //auto background: #F0F8FF; display: flex; justify-content: left; align-items: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .1s; border-width: .11px; border-style: none; border-color: rgb(187, 186, 186); border-bottom-style: solid; padding: 10px; white-space: nowrap; font-size: 1.5vw; } .contextMenu-item:hover { transition: all .1s; background: #B0E0E6; } .contextMenu-description { font-size: 1.5vw; text-align: left; width: 8vw; }