The webpage in question has an interesting interactive feature:
Upon hovering over the "About Us" menu item, the background transitions to black with white text. Subsequently, when moving onto the sub-menu item "Meet our team", the original content under "About Us" disappears.
It seems like this behavior could be related to the header links or possibly their ancestor elements.
Below is the custom CSS that I have implemented:
#header .menu > li.current_page_item > a {
background-color: #2A60A2;
color: #ffffff;
}
#header .sub-menu > li.current_page_item {
background-color: #2A60A2;
}
#header .menu > li.current-menu-ancestor > a {
background-color: #2A60A2;
color: #fff;
}
#header .menu > li > a:hover {
background-color: #000;
color: #fff;
}
#header .sub-menu li:hover {
background-color: #2A60A2;
}