I have a navigation menu for a website and there are some issues with the hovering functionality of the submenus. Here is the site. Particularly for the menu categories “About”, “Markets Served” and “Resources”, there is a weird bug where the hovering over the column over works when you hover over the text on not on the column space itself. Also, the sub-menu under the sub-menu for “Manufacturing Capability” has some weird spacing.
Any help would be appreciated. Thank you!
Here is the CSS in the “Additional CSS” section:
.header-button-one {
font-size: 0 !important;
border: none !important;
background: none !important;
background-image: url("wp-content/themes/illdy/images/down_arrow.png") !important;
background-repeat: no-repeat !important;
background-position: center !important;
margin-top: 50px !important;
}
.markets-served-item img{
height:auto !important;
}
.markup-format table tbody tr td {
border-right: #eee !important;
}
.markup-format table{border-right: 1px solid #000;}
.bottom-header h2 {
font-size: 50px;
font-weight: 700;
}
.col-md-8 col-sm-8 .markup-format a { text-decoration: underline; }
.blog-post h2 a {text-decoration: underline;}
.blog-post hr {border-top: 1px solid black;}
.page-numbers{list-style: none;}
.page-numbers li{display: inline-block;
margin-right: 10px;}
.btn-primary:hover {
color: #fff;
background-color: #ED1C24 !important;
border-color: #ED1C24 !important;
}
#breadcrumbs span span:hover {
text-decoration: underline;
}
.btn-primary {
color: #fff;
background-color: #ED1C24 !important;
border-color: #ED1C24 !important;
background-image: linear-gradient(to bottom,#ED1C24 0,#ED1C24 100%) !important;
}
graybg{background-color:#EDEDED !important;}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu {
min-width: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu .sub-menu {
min-width: auto;
display: block;
}
#header .top-header .header-navigation ul li.menu-item-has-children.menu-item-1052 .sub-menu, #header .top-header .header-navigation ul li.menu-item-has-children.menu-item-5697 .sub-menu {
min-width: 700px !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
align-items: baseline;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu .sub-menu {
min-width: 700px !important;
}
/*
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu {
min-width: 700px !important;
justify-items: left;
padding-right: 0px;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu .sub-menu {
display: block;
display: grid;
grid-template-columns: 50% 50%;
column-fill: auto;
column-gap: balance;
min-width: 700px !important;
justify-items: left;
}
*/
.page-id-2191 li {
list-style: none !important;
}
header#header {
background-attachment: scroll !important;
}
.page-id-1893 tbody tr {font-size: 18px !important; font-weight:400; !important}
#blog .blog-post .blog-post-meta{display:none;}
.blog-post-related-articles .related-article-title:after {
content: "Latest Articles";
visibility: visible;
position: absolute;
left: 14px;
}
.blog-post-related-articles .related-article-title {
visibility: hidden;
}
.single-faq .blog-post-related-articles {
display: none;
}
.single-faq #sidebar {
display: none;
}
.single-faq header#header {
background-image: url(https://staging.avantierinc.com/wp-content/uploads/2024/02/imgpsh_fullsize_anim-1.jpg) !important;
background-color: rgba(255,255,255,0.5);
background-blend-mode: lighten;
}
.postid-13120 .hide-on-top-page {
display: none;
}
.read_more {
color: #FFFFFF;
background-color: #ED1C24;
width: 7em;
margin-left: 7em;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
}
.astm-search-menu {
padding-top: 0.38em;
}
#header .top-header .header-navigation ul li {
margin-left: 1.25em;
}
.element-media {
max-height: 120px;
}
Hey there,
I’m sorry, but it seems like there’s a problem with the customization you made to your website. It looks like you’ve made some significant changes to the style, and now there are some issues with it, this kind of problems are outside of our support policy frames 
Regards,
Hi, thank you for your response. What exactly do you mean when you say that the problem is outside your support policy?
Hey there,
We can help with functional problems and bugs in our products, but if you’ve made changes to our product and are having issues with those changes, you’ll need to provide support for that yourself.
Regards,