Header Menu Separator

[bradkerin]

Hi there,

I need to add one horizontal separator line between two menu items in my header (vertical fixed-left header). Essentially I need to separate the bottom two menu items (Project Registry & Market Directory from the others. Is there a way I can do this?

I’ve also tried to change the color of those two menu items using the code from this thread, but it doesn’t work - https://theme.co/apex/forums/topic/change-color-of-text-for-one-menu-item/

Any ideas?

Thanks for your help in advance!

[thai]

Hi There,

Please try adding this custom CSS under Theme Options > CSS:

li#menu-item-2672 {
    border-bottom: 2px solid #fff;
}

Hope it helps

[bradkerin]

Hi there,

That worked perfectly - thanks so much

How would I go about also changing the text colour of those bottom two menu items?

Thanks,

[nico]

Hi @bradkerin,

Use this code below to change the color of the two menus,

.x-navbar .desktop .x-nav > li.menu-item-2672 > a, .x-navbar .desktop .x-nav > li.menu-item-2673 > a{
 color:#000;
} 

Let us know how it goes. Just change the color:#000 according t o your desired color. You could check we for the hex color that you want.

Let us know how it goes.

Thanks.

[bradkerin]

Yes that worked perfectly! Thanks again you guys are the absolute best!!!

[nico]

Hi @bradkerin,

Happy to hear that.

Feel free to ask us again.

Thanks.