[Resolved] Sider submenu on hover

Home Forums Support [Resolved] Sider submenu on hover

Home Forums Support Sider submenu on hover

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1111383
    valentin

    Hi
    I would like my submenu to hover to the right, outside the header, same as the secondary submenu works when hover to the left.
    Can you help me please ?

    #1111815
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Give this a shot:

    .dropdown-hover .main-navigation:not(.toggled) ul li:hover>ul, 
    .dropdown-hover .main-navigation:not(.toggled) ul li.sfHover>ul {
        left: 100%;
        top: 0;
    }
    
    .site-header {
        overflow: unset;
    }
    
    .site-header .dropdown-menu-toggle:before {
        transform: rotate(-90deg);
    }
    #1111908
    valentin

    Hi Tom

    Works, but the arrow on the header menu is now to the right, like it should be, since the arrow on the sidebar is down and not to the left like it should be.

    Thank you.

    #1112485
    Tom
    Lead Developer
    Lead Developer

    Just updated the CSS here: https://generatepress.com/forums/topic/sider-submenu-on-hover/#post-1111815

    Let me know ๐Ÿ™‚

    #1113074
    valentin

    Just fine.
    Thank you Tom.

    #1113389
    Tom
    Lead Developer
    Lead Developer

    You’re welcome ๐Ÿ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.