Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

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 ;