Ubermenu alignment

Hello,

ON mobile only:
I was wondering, how can I get my ubermenu to display in the top right and have the submenu fly out to the left.

Desktop is fine, this is only with viewport 480px and lower…

Thank you!

I have the following below but i don’t think its working because how the “MENU” expands…

@media(max-width: 480px){
    .ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
        float: right;
        margin-top: 10px;
        /* margin-left: 225px; */
    }
}

If i unquote the margin-left, the menu gets put where i want but i can’t see the submenu because it expands to the right…

Hi @fxground,

Please try this code:

@media(max-width: 480px){
    .ubermenu-skin-deepsky.ubermenu-responsive-toggle {
        left: auto;
        right: 0;
        position: absolute;
    }
}

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.