Move Mega Menu to the side of the page

[Sarah Deady]

I am using Employee Center Pro and heard in a webinar that the mega menu can be made lateral so it's down the side of the page instead of across the top, but I'm not sure how to do it. Are there steps laid out anywhere or can anyone walk me through it?

[Mahesh23]

Hi,

Try adding below CSS to the page

.navbar-right {
   display: block;
   position: fixed;
   top: $sp-logo-max-height / 4;
   left: $sp-logo-max-width + 25px;
}

[Madison Packer]

I know this post is older, but for those just finding it, we did find a solution to utilize Advanced Portal Navigation to at least modify how the mega menu opens. Configure advanced portal navigation (servicenow.com)

[Community Alums]

Hi @Sarah Deady ,

.dropdown{
    position: absolute;
    top: 100%;
    left:-150px;
    width: 100vw;
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
    transition: .5s;
}