Archived topic
Sider submenu on hover
5 replies · Started by valentin on December 22, 2019
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 ?
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);
}
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.
Just updated the CSS here: https://generatepress.com/forums/topic/sider-submenu-on-hover/#post-1111815
Let me know :)
Just fine.
Thank you Tom.
You're welcome :)