1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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

Wordpress Header gets white by adding Sites

Discussion in 'Free Divi Community Forum' started by Siver, Sep 18, 2024.

  1. Siver

    Siver New Member

    I am facing a weird issue with my Wordpress Site. I am using the Divi Theme. However I am using the Wordpress Header, since I don't figure out how to make it better with divi. At the end the header looks good. But if I add another Site to the Menu, the Header Background color (which is black), is getting white and my Icon is getting smaller and it seems that everything just breaks.

    The site is: https://www.elternfinanzen.de

    I am not understanding what the issue is. Maybe the Header is too small to add another Site?
    Does anyone know this issue and maybe have a solution?
    Thanks in advance for any kind of help

    KR
    S
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  2. Divi Booster

    Divi Booster Divi Expert

    Hey Siver, it's a bit hard to say for sure without seeing it with the extra site added, but one thing I notice is that there are two CSS rules for the header background color: one setting it to black and the other setting it to white. They have the same specificity (i.e. priority) so if something is causing the order in which the two styles are loaded to change, then it would change which one is ultimately applied. So one thing you could try is setting the black color with a higher priority using CSS such as this:

    Code:
    Log In or Sign Up to view this code.
    If that helps, then you may need to do something similar for the icon (is it the logo you're talking about here, or some other icon on the page?).

    If that doesn't seem to help, is it possible for you to temporarily add the other site so that we can see the effect in action?
     
  3. Siver

    Siver New Member

    Hey Dan, first of all thanks for the reply and your help. Honestley i did not really understand your point. Did you analyze my Code and found that code part? Now i am wondering, what to do exactly. Should i remove a part of the code? But where?
    Thanks in advance.

    KR
    Siver
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  4. Divi Booster

    Divi Booster Divi Expert

    Hi Siver,

    You're welcome and sorry that my answer wasn't clear.

    Yes, when I checked the site the header was displaying correctly, so I analyzed the code to see if I could spot any potential issues.

    I saw some CSS code that could, in some situations, set the header background to white. While I can't say for sure if this is the CSS code that is setting the background color to white when the issue is present, I suggest trying out the CSS code that I gave above. Add it into "WP Admin > Divi > Theme Options > General > Custom CSS". Then recreate the issue - if I'm right, the background color at least should no longer change to white. If that works, then we can look at fixing up any other styles that might be similarly affected (i.e.on your icon).

    The best way to help you with this issue, though, would be for us to be able to see the issue in action. If you are able to do so, please add another site to the menu, to put the header in the broken state, so that we can take a look at the problem directly. Alternatively, sharing a screenshot of how it looks when broken may also help.