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