1. 8th Anniversary Sale Get 88% OFF Lifetime Pro Membership & access all 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed.Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Change dropdown (submenu) menu color in header

Discussion in 'Free Divi Community Forum' started by Thijs de Brie, Oct 23, 2024.

  1. Thijs de Brie

    Thijs de Brie New Member

    Hi,

    I want to change the dropdown menu background color (example in attached image)

    I want to change this background to #F9f4ef. It seems like i can not get this to change!
     

    Attached Files:

    #1 Thijs de Brie, Oct 23, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  2. Divi Booster

    Divi Booster Divi Expert

    Hi Thijs,

    Is there any chance you're able to share a link to the page you're working on? It would be useful to be able to see how it is setup, so that we can ensure any solution we suggest will actually work on your menu.

    Thanks!
     
    #2 Divi Booster, Oct 24, 2024
  3. Thijs de Brie

    Thijs de Brie New Member

    Hi!

    the link is: hetpostkantoor.devprogress.nl!

    thanks.
     
    #3 Thijs de Brie, Oct 25, 2024
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  4. Divi Booster

    Divi Booster Divi Expert

    Thanks, Thijs.

    It looks like the background color is coming from the smooth submenu effect you're using. It is being set in the second of the code modules in your header. The code module includes the CSS for the smooth submenus effect, and as part of that CSS, there is this block:

    Code:
    Log In or Sign Up to view this code.
    The "background" property is setting the color code that is used as the dropdown background. Change this to your own color code and it should change the background color.

    Alternatively, if you can't locate that CSS for any reason, you can override the background color with CSS such as this:

    Code:
    Log In or Sign Up to view this code.
    I hope that helps!
     
    #4 Divi Booster, Oct 25, 2024
  5. Thijs de Brie

    Thijs de Brie New Member

    Hi Dan,

    Thanks for your reply and i'm sorry for the delay in my response, i had some personal issues i needed to adress.

    It's working perfectly!
     
    #5 Thijs de Brie, Nov 14, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  6. Divi Booster

    Divi Booster Divi Expert

    Not a problem at all, Thijs. I'm glad it's working for you! :)
     
    #6 Divi Booster, Nov 14, 2024
(You must log in or sign up to post here.)