Menu background issue in chrome (since 4.4.1)

Hi @bogesman,

The screenshot you shared above is not showing the Menu Color option of the Transparent Header. It should look like this.

Please bear in mind that when the Transparent Header is enabled, then the Menu Color will inherit from the Transparent Header section of the Customizer.

I hope that clarifies and clears any confusion you may have. Let us know if you need more help, otherwise please mark the topic as Resolved.

Kind regards,
Herman ??

I probably did not explain very well. Before that update, sub menu background hover color was inheriting the menu hover which is in my screenshot in the first post.

Since the update the same things works but only in firefox so something obviously changed. I do not have a setting for sub menu hover in transparent header nor did any changes there.

My transparent header settings look like this https://ibb.co/1mt3t2h

Hi @bogesman,

Please share your site URL so we can take a look at it from our end.

I look forward to hearing from you.

Kind regards,
Herman ??

Not sure how to share without posting it here, but after cache clearing on firefox it’s now the same as the other browsers. So definitely wrong info on my side, but still a change since previous version where it was OK.

Website is https://maxcloudon.com

Hi @bogesman,

I check your site above on three different browsers and the Submenu background shows the same. Refer to this video, please.

Kind regards,
Herman ??

Well i’ve found a css that fixes it.

.sub-menu li.menu-item:hover {
background: #54545473 !important;
}

That’s the css.

Hi @bogesman,

Are you saying that without the CSS above, the Menu works differently, only on Firefox? It shouldn’t work that way.

I look forward to hearing from you.

Kind regards,
Herman ??

I thought so initially and it was different on firefox. I had to clear firefox cache few times until it became the same as other browsers.

Now everything is as expected with, but with extra css. It wasn’t like that before the update. The applied hover style was inherited on the sub menu from the main menu. Now it isn’t.

Hi @bogesman,

With Astra free, the Submenu will inherit the style from the Menu. It should work that way on all browsers. You will need custom CSS only if you would like to have the Submenu styled differently from the Menu.

Kind regards,
Herman ??

It was just like you are saying, but since 4.4.1 the submenu stopped inheriting that’s why i wrote here. The initial report about firefox working as expected is wrong, because something was cached there. You can ignore it.

Currently it behaves the same on all browsers. No hover effect without extra css. Hover effect only on main menu.

Hi @bogesman,

I checked my dev site with the latest version of the Astra theme, and it works just as it did before. Refer to this video, please.

Is there any specific step to replicate this, or am I missing something in my video above?

Kind regards,
Herman ??