Need Help Showing Divider Line After 2nd Tier Items in ESC Mega Menu (Even Without Child Topics)

[shrutikheda]

Hi 
I’m working on customizing the Employee Center (ESC) portal mega menu. Currently, there is a black divider line displayed after 2nd-tier items like Hardware and Software, which have child topics under them.

However, I want the same black divider line to appear after all 2nd-tier items, even if they don’t have any child topics — for example:
• Privacy and Security
• IT for IT
• Developer Services

These don’t have children but I still want a line to visually separate them for consistency.

Can someone please guide me on:
1. Where I should make this change (which widget/component or CSS file)?
2. What CSS or logic I need to apply to show the divider line regardless of whether the item has children?

[Shruti]

Hi,

Navigate to Service Portals -> Portal.

Open Employee Center -> Theme

Go the CSS include related list and create a new CSS include and a new stylesheet

Paste below code to the CSS of new stylesheet

.employee-center-navigation .mega-menu .mega-menu__items .sub-topics-container .level-one-item .level-one-topic-name{

border-bottom:.1rem solid #181826 !important;

}

.employee-center-navigation .mega-menu .mega-menu__items .sub-topics-container .level-one-item .sub-topic-groups{

border-top:none !important;

}