How to align submenu
-
Hello,
just srtarted with the EK megamenu and still can’t find how to align submenus.
Let’s say I have a 800px wide main menu and align is set to left, all submenus (builder content) are aligned to the left. So far everything is fine. But the 6th link in the main menu is near to the 800px width edge so the submenu (after hovering the 6th link) goes over the main width and overlaps it further to the right which makes no sense to me – it’s not visible on smaller screens then (tested). So I was thinking, maybe I can align only this submenu to the right via custom css, but no luck yet. This is what I found in Developer Tools:.elementskit-navbar-nav-default .elementskit-megamenu-panel { -webkit-transform: translateY(-10px); transform: translateY(-10px); pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; margin-left: 0; position: absolute; left: 0; top: 100%; display: block; }
If I change left:0; to right:0; it does the trick, but for all submenus at once. I’ve tried to add a custom css only for the desired submenu (of course with !important), but it didn’t help. So, how can I change the alignment of a specific submenu? Thank you!
- The topic ‘How to align submenu’ is closed to new replies.