Support » Theme: Astra » Transparent Header – Submenu background color STILL !!! not working

  • Resolved ToTTi



    I have read the changelog of the astra theme and I just want to tell you so much: the background colors of the sub-menu still do not work at all (!!!) I reset all cashes and reloaded everything. I have to admit that I am now tired of the fact that with all the many websites I did for customers, every time I do an Astra update I have to worry that the website will not look like it did before. Again and again the same problems that the website looks different after an update and new problems arise and not only with one website but consistently with all customers. I constantly have to correct Astra theme errors using CSS. It’s exhausting and I’m seriously considering saying goodbye to you. This is highly unprofessional and just can’t be allowed to happen. I bought an agency bundle and as I said before develop websites for many, many customers on the basis of the Astra theme in combination with elementor. The support from you is no longer what it was two years ago, too. rudimentary answers that rarely lead to a solution. I am utterly disappointed. I think it makes more sense to rely on the elementor Hello theme in the future, building websites from scratch that work, even after updates!!

Viewing 13 replies - 1 through 13 (of 13 total)
  • smochen


    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?

    Thread Starter ToTTi


    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 2 years ago by ToTTi.
    • This reply was modified 2 years ago by ToTTi.
    Thread Starter ToTTi



    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.

    Thread Starter ToTTi


    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.

    Thread Starter ToTTi


    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!


    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 🙂

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Transparent Header – Submenu background color STILL !!! not working’ is closed to new replies.