Employee center - Mega menu topics to the other side of the bar?

JordyZ
Mega Sage

Hi,

 

I was wondering if it's possible to put the Report Incident and Knowledge topics to the other side of the mega menu bar (to the right) for better visibility/sectioning.

JordyZ_0-1698877251840.png

 

Any help is appreciated!

1 ACCEPTED SOLUTION

Wybren1
Tera Guru

There's a non elegant solution which I do not really recommend but here goes:

  1. Open the "EC Theme"
  2. Add a new CSS include (Call it "Split main menu" or something
  3. Create a new stylesheet and add the following
.main-menu > div.navigation-menu-item:nth-of-type(3) {
  margin-left: auto;
}

This will select the divs within class main-menu and then from the "3rd" div it will set the margin-left to fill it all the way so it moves to the right.

Wybren1_0-1698914905001.png
The issue is that the widget "Employee Center Header" uses an ng-repeat on all the taxomy items. So whenever you are now "adding" another menu item it will not make sense anymore.

Other solution
I would leave knowledge where it's now, and maybe add a "floating" button to report an incident in the "footer" widget.

Hope this helps! 🙂

View solution in original post

10 REPLIES 10

Narayana Reddy
Tera Contributor

i have tried same code , it is not working. can you help me on this.

NarayanaReddy_0-1721304841802.pngNarayanaReddy_1-1721304870166.png