• Resolved kveten2018

    (@kveten2018)


    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!

Viewing 1 replies (of 1 total)
  • Hello @kveten2018

    Sorry for the delayed response. Could you please provide me the link to that page you have the Megamenu and having a problem with? It will help me to inspect the issue properly and provide you a solution as soon as possible.

    Looking forward to your response.

    Best Regards
    Prosenjit

Viewing 1 replies (of 1 total)
  • The topic ‘How to align submenu’ is closed to new replies.