1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 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. Now it works with Divi 5 as well!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. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Issue with primary menubar and fixed menubar view

Discussion in 'Free Divi Community Forum' started by Sheikh Imran, Sep 8, 2024.

  1. Sheikh Imran

    Sheikh Imran New Member

    I have created a menu in WordPress and I'm trying to make the primary menu bar and the fixed menu bar the same color when scrolling. However, I'm encountering an issue where the menu links turn black, as shown in the attached picture. I've been struggling to find the right solution and could really use some guidance from the experienced members of this group. Any help would be greatly appreciated. Thanks in advance!
    problem 1.jpg
     
    #1 Sheikh Imran, Sep 8, 2024
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  2. Divi Booster

    Divi Booster Divi Expert

    You'd probably need to add some CSS to set the color. Presumably there is a CSS class or ID set on each of the buttons, since they have their own styling. If you can work out what those classes / ids are, you may be able to set their color with something like this:

    Code:
    Log In or Sign Up to view this code.
    You can add this in the "WP Admin > Divi > Theme Options > General > Custom CSS" box. If your buttons have IDs instead of classes, the code would instead look like this:

    Code:
    Log In or Sign Up to view this code.
    However, there might be other conflicting styles which prevent this from working and adjustments may be needed. If you're able to share a link so that we can see how the buttons are set up and how the button colors are currently being set, we can probably give you more tailored code.
     
    #2 Divi Booster, Sep 8, 2024
  3. Sheikh Imran

    Sheikh Imran New Member

    Thanks I will try to apply these settings and update you about the results.
    I am working on localhost and these buttons are menu texts with css class and css code to work like buttons.
     
    #3 Sheikh Imran, Sep 9, 2024
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  4. Divi Booster

    Divi Booster Divi Expert

    That makes sense. Best of luck with it.
     
    #4 Divi Booster, Sep 9, 2024
  5. Sheikh Imran

    Sheikh Imran New Member

    not working the effect is same as changing the font color to black on scroll for fixed menu
     
    #5 Sheikh Imran, Sep 9, 2024
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  6. Divi Booster

    Divi Booster Divi Expert

    I think we might need a use more "specific" CSS selectors, i.e. ones with a higher priority to override the existing styles set by Divi. I set up a test that (hopefully) replicates your menu, and was able to override the color with CSS such as this:

    Code:
    Log In or Sign Up to view this code.
    Hope it helps!
     
    #6 Divi Booster, Sep 11, 2024
  7. Sheikh Imran

    Sheikh Imran New Member

    Thanks a lot its fixed Now.
     
    #7 Sheikh Imran, Sep 11, 2024
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  8. Divi Booster

    Divi Booster Divi Expert

    Great! Glad to hear it :)
     
    #8 Divi Booster, Sep 11, 2024
(You must log in or sign up to post here.)