Changing Header Navagation

Unite Theme
1

Hello~

I was wondering if it were possible to take out the colour of the header navagation and just have it as plain text links such as:

Home | About | Beauty | Fashion | ETC or even Home About Beauty Fashion ETC

I’ve tried changing the colour to white but it doesn’t look quite right…

Thanks! :slight_smile:

2

Hi @maggie,

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

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 -> Apperance -> Theme Options -> Other -> Custom CSS

nav.navbar.navbar-default .navbar-nav > li > a {
  color: #000;
}
nav.navbar.navbar-default {
  background-color: transparent;
}

Best Regards,
Movin

3

Sorry to jump on this thread, but how would one change the color for active links/hover for the navigation?

Thanks!

4

Hi ichiyo,

I have added this but what still remains is the bars ( | ) in the middle where the squares separating it used to be… :\ anything to resolve that?

And also seems the text/link colour is white so once you make it transparent, you can’t see the links…

5

Hi @ichiyo,

To help keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/unite-support/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Cheers,
Movin

6

Hi @maggie,

I have added this but what still remains is the bars ( | ) in the middle where the squares separating it used to be… :\ anything to resolve that?

The bar is displaying as i thought you want to display it based on your following menu text.

Home | About | Beauty | Fashion | ETC or even Home About Beauty Fashion ETC

If you don’t want to use the bars then try using the following CSS code along with the previously provided code.

nav.navbar.navbar-default .navbar-nav > li > a {
  border-right: 0;
}
And also seems the text/link colour is white so once you make it transparent, you can’t see the links…

For me the text color is displaying as black using the previously provided CSS code as shown in the attached screenshot.

If for you the test is still displaying white even using the provided CSS code then could you please share your site URL so that i can troubleshoot it.

Regards,
Movin