For some reason, I cannot get the "Active Text Color" and the "Hover Text Color" to display on the Mega Menu dropdowns.
The Active and Hover Text Colors work fine when the Mega Menu is switched off.
Any info on this would be greatly appreciated.
My website info is in the Hidden Content.
Paul,
Yes, the Active and Hover font colors work fine on a standard menu dropdown. However, the issue only occures on the Mega Menu dropdowns.
With your code, the hover color now works correctly on the Mega Menu dropdown links.
However, the following does not work:
Actually, I am okay not using Mega Menus. However, if you want me to test any new code, I will continue to moitor this thread.
Hi
I cant access your site,please check and give me the correct one so that I can check your issue.
-Regards
The '1st Layer Login' will only work if you enter the same login inforamtion twice.
See login information in the Hidden content in the first's post.
Did the updated login information work?
If not, please let me know.
Could you please give me a screenshot of your issue?
Please see the Hidden Content for Screenshot of my issue.
Please see the Hidden Content for Video of my image.
Same problem for everybody
Any assitance would be greatly appreciated.
Use this custom css
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover{
color:yellow !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge){
text-transform: lowercase !important;
}Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
I attached a before and after video for your review:
Video Link: See Hidden Content
The code did not affect the Mega Menu Dropdown:
The code only seemed to affect the main menu root items only.
- Screenshot: Edited Out Afterr Closing Ticket
thanks but I kow how to solve this.
Mehtaz,
Currently, the code you provided me is active on my website.
I thought to leave the code in case it helps you in anyway.
Default Colors:
I think the following is wrong:
1: Which color do you need first tell me
2: It is working on my side
3:Then just remove my code it was deafult
I removed the code as you suggested.
It was not working correctly.
I am not trying to change the colors.
I am only trying to use the colors in the Helix Preset settings.
Image Link: Edited Out Afterr Closing Ticket
Hi
Use this custom css
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
color: #ab7006 !important;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a{
color: #17f0e6 !important;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
color: rgb(235 235 215) !important;
}
The code has No affect on the Mega Menu dropdowns.
Still same 3 issues:
I left the code on my website to assist if necessary.
Did you enable the CSS compress option? If yes then please disable that option.
CSS compress was and is NOT enabled on the website.
I have left your last suggested code on my website for review, if necessary.
Allow me some time please.
If I may ....
It works here
but indeed, extra CSS is needed for Businesses and Events tab
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent .sp-mega-group > li > a:hover
{color: #fac021;}But those are not typical menu items, they have other menu type.
ANyway, use my above code.