Astra submenu background white:white

  • Resolved jonelson

    (@jonelson)


    4 years, 7 months ago

    Hi,
    I just got started with wordpress and started by creating my website using the Astra theme and the outdoor adventure starter site. The header and menu text is white with transparent background to contrast with the background picture. When adding sub-menus, this causes a problem as the background of the sub-menus are white and the text is white…
    How do I change the sub-menu properties – both font and background (solid color or transparency)?

    Regards,
    James

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter jonelson

    (@jonelson)

    .main-header-menu .sub-menu {
    background: #999;
    }

    I made the above update to my Additional CSS and it worked on the submenu in that they now have a gray background, however, my Homepage still has a white background and white text for the submenu. Somewhere I need to adjust either the background or the text color for the submenus. Help?

    Hello @jonelson

    As on the homepage, you are using a Transparent Header whose Submenu CSS has higher weight so it applies a white background.

    To overwrite the same, you can use the following CSS – 

    .main-header-menu .sub-menu li.menu-item {
     background-color: #999;
}

    I hope that helps.

    Regards,
    Suman

    Thread Starter jonelson

    (@jonelson)

    Worked perfect! Thank you

    Perfect, @jonelson!

    So glad to hear that. ??

    Do let us know if there is anything else we can help you with.

    I am just new to creating websites and I thought that this thread is just so helpful. Been trying different ways and codes to change the background color of submenus but found no luck. Now I can rest knowing that it’s been fixed by this help. Thanks a lot!

    Thank you, work like a charm!
    you help me a lot @brainstormteam

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Astra submenu background white:white’ is closed to new replies.