Hi

I cant access your site,please check and give me the correct one so that I can check your issue.

https://prnt.sc/26skahd

-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:

1. Active Colors do not appear
2. Hover color do not appear
3. All dropdown items still all capitalized

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:

• Hover: Yellow
• Active: Green
• Default: White (not active, no hover)

I think the following is wrong:

• The Hover and Active color are not working on Mega Menu dropdown items
• The Hover color does not work on Main Menu item types
• The Mega Menu titles should be default case not uppercase or lowercase

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:

1. Hover color does not work on Mega Menu
2. Active color does not work on Mega Menu
3. Default font case not uppercase or lowercase.

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.

• Image Link: Edited Out Afterr Closing Ticket

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.