Sider submenu on hover

[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 ?

[Tom]

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);
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[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.

[Tom]

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

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[valentin]

Just fine.
Thank you Tom.

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts