Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 30, 2020 at 6:55 pm #1264046
    xuamox

    Hi,

    When I change my background color on the header, the submenu also changes to that color.
    Is there a way to change the sub-menu background color in the Enfold “Advanced Styling” or another part of the Enfold customization area?

    I want the background color of the sub-menu to be a different colour from the header background color, and I tried using
    #top .av-submenu-container {background-color: #ffffff !important;}
    but it does not override the background colour.

    What is the best way to set the sub-menu background color?

    • This topic was modified 4 years ago by xuamox.
    December 4, 2020 at 3:00 pm #1265023
    Mike

    Hey xuamox,
    Sorry for the late reply and thanks for the link to your site. In the advanced styling theme option try using the “Main Menu sublevel Links” option.
    2020-12-04_075855.jpg
    Or try this CSS in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #header_main_alternate .main_menu .menu ul li a {
	background-color: #881010 !important;
	color: #fff !important;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 13, 2020 at 8:28 pm #1266932
    xuamox

    Thank you, that did the trick.

    December 13, 2020 at 10:00 pm #1266952
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header background change is also changing my sub-menu background color’ is closed to new replies.