Move left header menu of Service Portal

Ashish Srivast3
Tera Contributor

Out of the box, ServiceNow portal header menu is on right but I want to move the header menu on the left side just next to the logo. 

Any leads on CSS ( already did cloning of widget and etc.) will be great. 

1 ACCEPTED SOLUTION

Harsh Vardhan
Giga Patron

updated css:

 

.navbar-right {
  //padding-right: 0px;
 // padding-left: 0px;
  display: block;

   position: fixed;

   top: $sp-logo-max-height / 4;

   left: $sp-logo-max-width + 25px;
}

View solution in original post

7 REPLIES 7

Harsh Vardhan
Giga Patron

here we go.

there is one css .navbar-right

 

you need to make some modification on that css

 

clone the widget "stock header" and make some changes in css ".navbar-right"

 

samaple:

 

.navbar-right {
  //padding-right: 0px;
 // padding-left: 0px;
  display: block;

   position: fixed;

   top: $sp-logo-max-height / 2;

   left: $sp-logo-max-width + 45px;
}

 

Result: please refer the below screenshot

 

find_real_file.png

 

Note: this is just i tried you can do the proper alignment by changing the css .

Is there any way to move only the menu items(Knowledge,catalog) to left and leave the "System Administrator" to right as it is.

yeah is there any way to move only knowledge catalog to the left ?

Hye did you achieve this?

 

Please share if you have the solution.

Thank you!!