Branding of Mega Menu

Samyak Jain2
Tera Guru

Hello All,

 

I want to change the color of Advanced Portal Navigation that is Mega Menu, from Blue to Red as show in the below screenshot. 

 

SamyakJain2_0-1701744752092.png

 

Thanks in advance !!!

 

1 ACCEPTED SOLUTION

Samyak Jain2
Tera Guru

For changing color in Employee portal  theme add these line it will work.

$expanded-bg: rgba(192, 37, 62, 0.97) !default ;

View solution in original post

3 REPLIES 3

Tai Vu
Kilo Patron
Kilo Patron

Hi @Samyak Jain2 

You can have a look into the widget Employee Center Navigation [employee-center-navigation].

There're 2 classes that hold the background-color as following below.

mega-menu: background-color: rgba($sp-navbar-divider-color, 0.97);

quick-links-container: background-color: darken($sp-navbar-divider-color, 2%);

 

Cheers,

Tai Vu

Hi @Samyak Jain2 ,

 

Can you share the URL or screenshot where exactly I need to change from blue to red!

pradeep_45_0-1733224545515.png

 

I need to change background of dropdown color.

 

Thanks,

Pradeep

 

 

Samyak Jain2
Tera Guru

For changing color in Employee portal  theme add these line it will work.

$expanded-bg: rgba(192, 37, 62, 0.97) !default ;