Site logo

Archived topic

Undermenu beside the mainmenu

1 reply · Started by Daniel on May 3, 2022

Viewing posts 1–2 of 2

How can i change the position from the undermenu, that this is not as dropdown under the mainmenu, but left or right from the mainmenu?
https://www.rolfstalder.ch/

Hi there,

not sure on this, you could try this CSS:

@media(min-width: 769px) {
    .main-navigation:not(.toggled) ul li[class*="current-menu-"]>ul {
        left: unset;
        right: 0;
        top: 0;
        opacity: 1;
        transition-delay: 150ms;
        pointer-events: auto;
        height: auto;
        overflow: visible;
    }

    body .sf-menu>li {
        position: static;
    }

    body .main-navigation ul.menu>li>ul {
        display: flex;

    }

    body .main-navigation ul.menu>li>ul,
    body .main-navigation ul.menu>li>ul>li {
        width: auto;
    }

    body .main-navigation ul.menu>li>ul>li a {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 60px; 
    }
}

It works on a Primary Navigation set to display below the header and with the Sub Menus set to Hover.

This archived topic is closed to new replies.