Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Adding a orange color navigation bar effect on the head menu WordPress


I am building the site using defult wp theme, most of it are done, but need a little tweak, I want to add a orange navigation line effect on my head menu when mouse moved over.

Please check the following site for example:

There is a Orange line at the footer, which that needs to be added on the top navigation menu ( only when the mouse is over certain menu section ), for example, if the mouse is over at contact us, there should be a thin orange line over the contact us ( and only on top of the contact us area, not the whole header menu )

Would love to know how this can be done..

Answers (4)


Daniel Yoen answers:

go to style.css at line 433

#access li:hover > a, #access ul ul :hover > a {
background: white;
color: #F60;

place it below

#access li:hover > a{
border-top: 3px solid #F60;

Jackson Yang comments:

Almost worked !

when the mouse moves down to the sub-page, the orange line shouldn't be there, right now when I move the mouse down to the subpage, there is orange line, that needs to be removed, the orange line only needs to be on very top right below the thin blue line for all pages.

Hope this is more clear

refering url :

move the mouse down to sub page, you will understand ~

I had attached another image to show u the subpage's orange line

Thanks in advance guys, very much appreciated !