Tagged: borders, menu, sub-menu, vertical alignment
In the private content URL below, you will note that the submenu/dropdown from the main menu, on mouseover it appears FAR below the parent menu. I understand this is because of the height of the logo area. I would like to know a responsive-friendly way to place the submenu immediately below its parent, AND have a left border rather than the current top submenu border. Is there some custom CSS that would accomplish this? I have looked but have not yet found it.
With my thanks.
Hey mterrian!
Add this to your custom CSS.
#avia-menu > li > .sub-menu {
transform: translateY(-50px);
}
.avia-menu-fx { display: none !important; }
Best regards,
Elliott