aloinnz

Hi Prosenjit,

Maybe I did not explain my problem clearly.

Firstly, I create the Menu Items in Appearance > Menu. Please see the below link

View post on imgur.com

As you can see this Menu name is “Types of employment”, and I cannot split it into 2 columns due to the restriction.

And I want this result, please see this

View post on imgur.com

Thank you

• This reply was modified 2 years, 7 months ago by aloinnz.

Hi Prosenjit

Here is the image for your reference

View post on imgur.com

I want to split the items under the megamenu into 2 column

Thx

Anthony

Hi Barmen,

Thank you so much! I have figured out how to change the selected menu in different colors when mouse over it.

Here is the code in below

`/*Employment agreements*/
.elementskit-navbar-nav #menu-item-1863 a:hover{
color:#006cb8;
}

/*Types of Employment*/
.elementskit-navbar-nav #menu-item-1869 a:hover{
color:#73b242;
}

Thank you for your video to inspire me! Have a nice day!

Hi Barman,

Thank you for your help, but what if I want to change the text colors? I mean text “Employment agreements” will change to #006cb8 when mouse over it. Text “Types of employment” change to #73b242.

Thank you so much!

HI Barman,

BTW, for the different hover colors issue, can I do it in added CSS? If yes, how to do it?

Hi Barman,

Thank you for your reply.

Now I would like to know how can I make different hover colors in the nav menu items. e.g “Employment agreement” is blue, “type of employment” is green.

ABout the pointer, I have added it back. Please check it again.

1. When I mouse over the selected item, the text will move upward a bit.
2. under the mega menu panel, there is a border under the box.

Kindly waiting for your reply.

Thanks so much!

one of the errors I have noticed is that the red pointer also appears under the mega menu… how to avoid it? thank you

HI all,

I have figured out how to make a menu pointer on hover with different colors in different items. However, I have found that there is another issue happened.

The selected item will upward 1 to 2 px when I mouse over it. I would like to know how to fix it?

please see the link

https://employmentadvice.org.nz

Thanks

• This reply was modified 2 years, 8 months ago by aloinnz.