Archived topic
mobile sub menu open, no shadow, white bottom margin
5 replies · Started by Torsten on December 11, 2022
Viewing posts 1–6 of 6
Hi,
for the 2 websites (domain & subdomain) mentioned in Private information I would like to have the mobile submenu opened when klicking on the Hamburger-Menu (see screenshot) and my client wants me to eliminate the bottom shadow plus he would like to have a white bottom for the mobile menu, approx. 20px.
Thx ahead,
Torsten
Hi there,
try this CSS:
@media(max-width: 768px) {
.main-navigation ul .sub-menu {
box-shadow: unset;
}
.main-navigation .main-nav > ul {
border-bottom: 20px solid #fff;
}
}Hi David,
wonderful, as usual...
;-)
the only thing that still doesn't work ist the mobile menu starting with open submenu items on the main domain, working fine on the subdomain with
.main-navigation.toggled .main-nav ul .current-menu-item ul,
.main-navigation.toggled .main-nav ul .current-menu-ancestor ul {
position: relative;
top: 0;
left: auto!important;
right: auto!important;
width: 100%;
pointer-events: auto;
height: auto;
opacity: 1;
display: block;
visibility: visible;
}Details in Private information below.
best,
Torsten
Does this work:
#mobile-header.main-navigation.toggled ul ul {
position: relative;
top: 0;
left: auto!important;
right: auto!important;
width: 100%;
pointer-events: auto;
height: auto;
opacity: 1;
display: block;
visibility: visible;
}it does!
Thx a lot,
best,
Torsten
Glad to hear that
This archived topic is closed to new replies.
