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 3 years, 11 months ago by
aloinnz.
one of the errors I have noticed is that the red pointer also appears under the mega menu… how to avoid it? thank you
Hello @aloinnz ,
Thanks for reaching out to us!
I understood what you are looking for. We have added a controller in the Nav Menu widget that will allow you to include a color for the Menu item on Hover state. Please check this screenshot for a better understanding. But currently, the feature of adding a specific color to a specific Menu Item is currently not available in the Nav menu widget of the ElementsKit plugin.
But, thanks for letting us know about that. We are continuously working on improving our plugin by adding more new features according to our customers’ needs. I have taken note of this feature and it will surely be forwarded to the team for further evaluation.
Since you’ve mentioned that you have found a way to add Menu Pointers with different colors for different menu items, I have checked your site but haven’t found any Pointer there. Can you please tell me where to check exactly? I will check accordingly and let you know an update as soon as possible.
Let me know if there is anything else you need help with.
Best Regards,
Prosenjit
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!
HI Barman,
BTW, for the different hover colors issue, can I do it in added CSS? If yes, how to do it?
Hello @aloinnz ,
Hope you are doing well.
You can only include different colors for the menu items by applying CSS code. Currently, there are no other alternative ways. I have made a video for you which will help you to apply different colors for the menu items on Hover. Please follow the steps mentioned on this video and apply color for all the Menu Items accordingly.
Regarding the issue with Text moving upward- since a 4px border is applied, the border tries to allocate its space and for that reason, the text moves upward a bit. Hope you can understand.
Let me know if that helps or if you need further assistance in this matter. I will be happy to assist you.
Best Regards,
Prosenjit
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 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!
Hello @aloinnz ,
I hope you are doing well!
I am very much glad to be able to assist you in this matter. I have checked your site and now each Item of the Menu is showing different colors on Hover.
Feel free to reach us regarding any queries or clarifications. We will be more than happy to assist you.
If you have the time and wouldn’t mind, we’d love it if you rate our plugin 5-Star on ww.wp.xz.cn – https://ww.wp.xz.cn/support/plugin/elementskit-lite/reviews/
We are continuously working on improving our plugin and providing our customers with a fantastic experience. Genuine insights from customers like you will help our team to improve our plugin and help others make the right decision. 🙂
Thank you for your time.
Best Regards,
Prosenjit
