Add another colour option and add a gray line

Hi!

I have two more questions for you.

  1. I would like to add another colour option. When people visit a page on my website and want to change to another page, I would like it when the name of the current page they are in, would have a different colour in the top menu. The hover colour can be the same. I added some screenshots to this message. For example: if someone visits “home” but wants to go another page and clicks on another menu, the word home wold be blue (or something) bur the other menu would have the hover colour I chose (yellow). Also in the drop down menu. When you visit a page in one of the drop down menu’s and you want to change to a different page, the page your currently in would be blue but the hover colour for a new menu to click on still yellow.
    I hope I’m clear.

  2. How can I add a grey line under my logo on the homepage?

thanks again!

Fleur

Hi Fleur,

I hope you are well today and thank you for your questions.

Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

Best Regards,
Movin

Hi Movin,

off course: www.hetgroeneaccent.nl

thanks!

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS


.navbar-default .navbar-nav > .active > a {
    color: #3F51B5;
}
.dropdown-menu>.active>a{
    background-color: #3F51B5;
     
}

.navbar-default .navbar-nav > .active > a {
    color: #3F51B5;
}
.dropdown-menu>.active>a{
    background-color: #3F51B5;
}

.home #logo {
    border-bottom: 1px solid #ddd;
}