Change Navbar Color

  • Resolved mmde

    (@mmde)


    7 years, 2 months ago

    Hey everybody,

    i try to change the color of the Navbar on the free version. When it’s on top, it’s transparent,great, but if you scroll down, it gets white, which is not so great.
    How can i change the Color from white to a hex-code i can define?

    Thanks a lot
    Greetings

Viewing 4 replies - 1 through 4 (of 4 total)
  • christinajoujou

    (@christinajoujou)

    7 years, 2 months ago

    Go to Appearance > Customise > Additional CSS and add the following:

    .navbar{
    background-color:#000000;
    }

    Just change #000000 for the color you want.

    Thread Starter mmde

    (@mmde)

    7 years, 2 months ago

    Thanks 🙂

    Do you also know how i can now change the link-color in the menue, when it’s scrolled down?

    Greetings

    Thread Starter mmde

    (@mmde)

    7 years, 2 months ago

    Aaaand another question:
    On Dektop it looks nice, but on the mobile-version the navbar is still in white (when it’s on top).
    I also figured out that the code: 

    .navbar .navbar-nav > li > a {
color: white;
}

    Change the font color, but again on the mobile-version it sucks, because now the links are in white on white ground.

    How can i change that?

    christinajoujou

    (@christinajoujou)

    7 years, 2 months ago

    So, navbar changed the background color on desktop but not on mobile?

    To change the menu color text to white it would be
    .navbar-nav{
    color:#ffffff;
    }

    Can you send me the link to your website so I can have a look.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Change Navbar Color’ is closed to new replies.

Tags