Color of navigation links is different than the rest of the pages

On my landing page (desktop/mobile) the color of the navigation links /hamburger icon and social media icons are different than the rest of the websites. I would like them to be the same everywhere. Did I select something wrong?

www.keit.berlin

Hello @Kolja, you can simply add the following code:

1. Navigate to Pages > Website Tools > Custom CSS.
2. Paste the code into the CSS editor.
3. Hit Save and you’re done

/* Customize header navigation link color */
.header-nav-item > a {
  color: #ff6c2f !important; /* Sets the color of navigation links to a specific shade of orange */
}

/* Change fill color for SVG icons inside header actions */
.header-actions .icon--fill svg {
  fill: #ff6c2f !important; /* Changes the fill color of SVG icons to match the header navigation color */
}

Hello Spark,

thank you very much. That solved it perfectly for the desktop elements. The hamburger icon in mobile did not change the color from white to orange on the landing page though. Any additional idea?

Now everything works perfectly. Much appreciated.