Sub menu in stack broken

The theme I am seeing this problem on is twenty twenty.

That link I provided doesn’t work, but this one does:

https://ourlocality.org/twentytwenty/

Messy temporary fix:

@media screen and (min-width: 800px)  
{ ul ul ul.sub-menu {
	margin-left: -207px;
}

body:not(.overlay-header) .primary-menu ul ul::after {
	margin-left: 182px;
}}

• This reply was modified 2 years, 3 months ago by larus-argentatus.

Hi,

Thanks for the feedback. To fix the sub-submenu with the left menu, you can add the following CSS in the Customizer > Additional CSS panel:

.tw-header-layout-inline-left .primary-menu li.menu-item-has-children:is(:hover,:focus,.focus) > ul {
    left: 0;
    right: auto;
}

.tw-header-layout-inline-left .primary-menu ul li.menu-item-has-children:is(:hover,:focus,.focus) > ul{
    left: calc(100% + 2rem);
}

.tw-header-layout-inline-left .primary-menu ul ul::before {
    right: auto;
    left: -2rem;
}

.tw-header-layout-inline-left .primary-menu ul ul::after {
    right: auto;
    border-left-color: transparent !important;
    border-right-color: #000;
    left: -1.6rem;
}

Hope that helps,
Diane

Hey thanks. That looks suitably complicated and it works great with the left justified header, but not with stacked!

https://ourlocality.org/twentytwenty/

Thank you for helping out

swap

.tw-header-layout-inline-left

.tw-header-layout-stack

and it’ll work with stack

Thanks

• This reply was modified 2 years, 3 months ago by larus-argentatus.