Transparent Header – Submenu background color STILL !!! not working

For the moment the only thing I (as an Astra Theme User) can suggest / recommend is to make a rollback to an older Version of Astra (before 3.1.0).

This works perfectly fine – in the meantime we do have to wait for an update / answer…

I’ve got the same issue. Don’t know how to rollback to earlier version than 3.1.0 without having to make a restore. Any suggestion how to do this?

@smochen
I made a CSS fix as a quick measure. But it is really annoying if you are in charge of more than 30 customer projects (monthly growing) that run with the astra theme (with pro plugin) and after an update something doesn’t look like just before. I got so many calls from customers about things like that. It all falls back on me in the end. Sometimes it’s like now that the background color is no longer displayed in the navigation and cutomizer settings doesn’t take effect anymore, other times it’s the logo that is no longer displayed in the sticky header, other times there’re typographical errors in the navigation.

• This reply was modified 3 years, 8 months ago by ToTTi.
• This reply was modified 3 years, 8 months ago by ToTTi.

@luwiserjeus

Use custom CSS inside the customizer and add something like this
.ast-desktop .main-header-menu .sub-menu {
background-color: red; /* or whatever you want */
}

thank you! I’ll do that.

Haven’t you tried setting submenu bg color under customizer transparent header settings?
From astra 3.1 I’ve found some items not editable anymore under primary header/menu but only under transparent header, other ones changed location.

• This reply was modified 3 years, 8 months ago by clairedelacroix.

@clairedelacroix
As I’ve written before: “…and customizer settings doesn’t take effect anymore”. Of course I first looked at the transparent header settings ??

But it doesn’t matter to me anymore. I’m switching to the elementor hello theme and will create clean websites from scratch as I just used astra for the header/footer design. I can do that with elementor, too, AND with less server requests, less javascript and css, less update frustration. I’ve had enough.

I‘ll close that topic, hopefully the brainstormforce people will read that. Have a good time and stay healthy.

Hello @formgarten and others

Sorry for any inconvenience.

We are sorry to hear that you are planning to switch to another theme.

Please note, we are checking this issue and soon shall fix it.

Looking forward to getting back to you with a fix soon. ??

Appreciate your patience and understanding!

Regards,
Suman

Hello @formgarten / @clairedelacroix / @luwiserjeus / @smochen

Sorry for any inconvenience!

We have fixed the issue and released an update with the v3.1.2, please update and let us know if it helps. ??

Looking forward to hearing from you.

It is not white anymore BUT it is still NOT (!) transparent.

-> still NOT fixed

try this code

.ast-primary-sticky-header-active .main-header-bar-navigation .main-header-menu .sub-menu, .ast-primary-sticky-header-active .main-header-bar-navigation .main-header-menu .sub-menu .menu-link, .ast-primary-sticky-header-active .main-header-bar-navigation .main-header-menu .sub-menu .menu-item > .ast-menu-toggle {
color: #5e5a5a; /* or whatever you want */
background-color: white; /* or whatever you want */

}
I discovered this code and My issue was resolved by using this code.

Hi @piyushgarg,

There’s an option to configure the submenu on the Transparent Header, so you won’t need any custom CSS. However, if it’s a regular header, there’s no option to configure the submenu on the Astra free and you will need custom CSS for that.

The below CSS should work, just need to change the color so it will fit your need.

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link {
    color: #fff;
    background-color: #000;
}

I hope it will help.

Kind regards,
Herman ??