The header works fine when it is at the very top of the page. Once we scroll down the page and the header becomes a floating header, he have issues. It seems on smaller screens (or when you shrink the width of a window), the dropdowns towards the left side (about and services) stop working. The more you shrink the window, the more dropdowns stop working. Please see attached video
It is causing the branding area (logo) to overlap the menu, which prevents the main menu to be able to react to a hover state.
if you remove this line of css, the problem should resolve. If you can't find where this CSS is written, then just paste the following snippet at the bottom of Theme Options -> Custom CSS and it will fix it.
2) I noticed another thing, probably not as crucial and not related to the issue, but errors like this can cause website to be slow or not work as intended:
In the browser console, I see a javascript error:
It seems it is an error, caused by Google Reviews plugin.
The header works fine when it is at the very top of the page. Once we scroll down the page and the header becomes a floating header, he have issues. It seems on smaller screens (or when you shrink the width of a window), the dropdowns towards the left side (about and services) stop working. The more you shrink the window, the more dropdowns stop working. Please see attached video
Hi,
I checked your site.
1)
I noticed a a line of (custom) css, which should not be there:
@media (min-width: 992px) {.header-classic .site-branding, header.stickymenu .site-branding {
width: 780px;
}
}
It is causing the branding area (logo) to overlap the menu, which prevents the main menu to be able to react to a hover state.
if you remove this line of css, the problem should resolve. If you can't find where this CSS is written, then just paste the following snippet at the bottom of Theme Options -> Custom CSS and it will fix it.
@media (min-width: 992px) {.header-classic .site-branding, header.stickymenu .site-branding {
width: auto!important;
}
}
2) I noticed another thing, probably not as crucial and not related to the issue, but errors like this can cause website to be slow or not work as intended:
In the browser console, I see a javascript error:
It seems it is an error, caused by Google Reviews plugin.
I hope this helps,
Andrej
OrionThemes