[yshankarParticipant]

I am attaching an image of my navbar. I have 2 issues:

1. I want to change the color of the menu highlighted..right now it is showing grey..I want to change it to something else.

2. Why does the sub menu box go 2-3 px above my main image. I want it to be aligned with the top of my image.

I am using the integrity stack.

btw: love the theme…very well designed…

Thanks for your help

[ThaiModerator]

Hi There,

Please add this CSS:

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset 0 4px 0 0 #635452;
}
.x-navbar .desktop .x-nav > li ul {
    top: 90px;
}

Hope it helps 🙂

[yshankarParticipant]

Thanks for your response.

The height problem was solved by your code.

But the highlighted menu in the sub menu is still showing grey. I want to use a different color..let us say I want to use blue. So in the example I sent..I want case studies to be shown in darkblue and posts to be shown in white. Your code does not solve that. If you can please let me know what to do.

Thanks

[LelyModerator]

Hi There,

For the submenu font color to change on hover and default color to be white, please use this custom CSS too:

.x-navbar .desktop .sub-menu a:hover{
   color:blue;
}

.x-navbar .desktop .sub-menu a{
   color:white;
}

If this doesn’t do the trick, please share your site URL so we can check further.

[Author]

Posts