Altitude Pro Submenu Direction?

[RavenManiacParticipant]

It looks like Altitude Pro's default submenu behavior is to flyout to the right. How do you make it flyout to the left?

[askdesignParticipant]

One way to do it:
ORIGINAL CODE:

.genesis-nav-menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
}

.genesis-nav-menu .sub-menu {
    /* left: -9999px; */
    letter-spacing: 0;
    opacity: 0;
    position: absolute;
    transition: opacity 0.4s ease-in-out;
    width: 200px;
    z-index: 99;
}

MODIFIED CODE:

.genesis-nav-menu .menu-item:hover > .sub-menu {
    /* left: auto; */
    right: 192px;
    opacity: 1;
}

.genesis-nav-menu .sub-menu {
    /* left: -9999px; */
    letter-spacing: 0;
    opacity: 0;
    position: absolute;
    transition: opacity 0.4s ease-in-out;
    width: 200px;
    z-index: 99;
}

I tried
right: 200px;

But it wasn't right-aligned with the white bar, so I moved even further to the left.

---

Anne S. Katzeff
Designer | Artist | Teacher

[Author]

Posts