Highlight One Menu Item (Main header)

Support
#1

Hi there,

My website: basedcreative.com

On the main header, I wanted to highlight the menu item that is labelled Project Planner, I would like it to stand out.

Similar to this: https://image.prntscr.com/image/gzmNDdrJS1CfI2x42ZTlww.png

Would you please be able to help with this?

Cheers.

#2

Hi @ifkda,

Thanks for writing in.

You can change your menu background so that it will stand out.

Add this in your custom CSS:

.menu-item-767 .hm4.x-menu > li > .x-anchor .x-anchor-content{
background-color:#1e262d;
}

Let us know how it goes.

Thanks.

#3

Hi Nico,

That didn’t work man. Anyway you could help me just change the font color on the “Project Planner” on the header?

website: basedcreative.com

#4

Hi There,

You can try with this CSS instead:

#menu-item-767 > .x-anchor .x-anchor-text-primary,
#menu-item-767 > .x-anchor .x-anchor-graphic i {
    color:#0088ff;
}