I've been working on creating a vertical navigation menu with a horizontal submenu for my website using Elementor. While I've made some progress, I'm struggling to position the submenu correctly. My goal is to have the submenu display next to the tab (as outlined in the image).
Additionally, I want the arrow to be centered aligned with the text. Below is the code snippet I've utilized to achieve this result.
@media all and (min-width:767px){
selector{
writing-mode: vertical-rl;
transform: scale(-1);
}
selector .sub-menu {
transform: rotate(90deg);
position: absolute;
}
}
Any assistance on this matter would be greatly appreciated. I'm relatively new to this field and pieced together the code through research. I'm using the latest version of Elementor as well.