• leventna

    (@leventna)


    Dear,

    I am trying to change my header menu color from white to dark blue on my homescreen, but via the elementor screen is doesn’t change.

    Any clue why? of css code to fix this?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Somnath sikder

    (@somnath2016)

    The issue might occur due to one of the following reasons:

    Global Styles in Elementor: Elementor might have global styles applied to the header or menu, overriding the changes you are trying to make.

    You can try the following CSS code to change the header menu color. Go to Appearance > Customize > Additional CSS, or use Elementor’s Custom CSS option if you have Elementor Pro:

    nav#m-neuron-nav-menu--id-3-e0892b3 ul li a {
    color: #00008B !important;
    }

      threadi

      (@threadi)

      I recommend getting in touch with Elementors’s support about this via https://elementor.com/support/ if you have Elementor Pro or https://www.ads-software.com/support/plugin/elementor/ if you do not.

      Noor Alam

      (@nalam-1)

      Hi,

      I’ve looked into your header menu color issue, and it seems that the menu link colors might not be updating as expected due to conflicting settings. If the color is currently set to white (#fff), the links may appear black by default. Here’s how you can fix it:Option 1: Adjust the Color in Elementor

      • Open your Elementor editor and navigate to the header menu section.
      • Ensure the link color is explicitly set to your desired color Black than use #fff (set white for black)
      • Save your changes and refresh the site to check if the update is applied.

      Option 2: Use Custom CSS

      If the Elementor settings aren’t applying correctly, you can use the following custom CSS code to fix it:

      css

      CopyEdit

      .elementor-1590 .elementor-element.elementor-element-e0892b3 .m-neuron-nav-menu .menu-item > a { color: #ffffff !important; }

      Here’s how to add this CSS:

      1. Go to WordPress Dashboard > Appearance > Customize > Additional CSS.
      2. Paste the code above and publish the changes.

      Screenshot for clarification! https://prnt.sc/wlqf57Fs92za

      Best regards,

    Viewing 3 replies - 1 through 3 (of 3 total)
    • You must be logged in to reply to this topic.