I am working on EC Portal. I want to change the color of dropdown of Topics.
I have tried changing it from EC Theme and Branding Editor. But not working as expected.
Also increasing the zoom till 100%, all topics are getting moved to right.
Can anyone guide how to fix both of the issue.
Thank you in Advance.
Managing the colour of the Mega Menu (where Topics show in dropdowns) is controlled by the Navar divider in Branding Editor. Make sure you have selected the correct portal first
This 100% works, so if it have you done any extensive customisation to the Theme? You might have broken how this works.
Again zooming in doesn't bunch the topics like that unless you have customised or added bad CSS conditions. Default design (or design I would do) is at 100% anyway so not sure why it would be any smaller?
Whenever designing a UI, and in this cause Employee Center you need to take some base principles which is typically keeping zoom at 100% etc. And then assess user hardware (some modern laptops fake displays by upscaling etc).
But like our default ESC works fine at 100% for a range of displays and resolutions so would need to understand what you have done or tried first as I think something might have got skewy somewhere?
Hello @EktaK
The color of the navbar and dropdown menu are closely linked, as the navbar color also applies to the dropdown.
Steps to change the color of the dropdown menu:
- Navigate to All → Portal and open the portal record (e.g., ESC portal in your case).
- Open the associated Theme record.
- Update the color for the variables(Eg: #111111)
- $brand-primary-darker: #111111
- $sp-navbar-divider-color: #111111
- Save the changes.
Finally, reload the portal page to see the updated colors.
Hope this helps!
"If you found my answer helpful, please like and mark it as an "accepted solution". It helps future readers to locate the solution easily and supports the community!"
Thank You
Juhi Poddar
