Please replace the code I shared above with this one below:
@media screen and (min-width: 768px){
header.header.header--middle-left.page-width.header--has-menu.header--has-social>nav.header__inline-menu ul.list-menu.list-menu--inline>li::before {
content: "";
width: 100%;
height: 12px;
background: white;
position: absolute;
}
header.header.header--middle-left.page-width.header--has-menu.header--has-social>nav.header__inline-menu ul.list-menu.list-menu--inline>li {
position: relative;
}
header.header.header--middle-left.page-width.header--has-menu.header--has-social>nav.header__inline-menu ul.list-menu.list-menu--inline>li::after {
content: "";
width: 100%;
height: 12px;
background: white;
bottom: 0;
position: absolute;
}
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
