We've updated the ServiceNow Community Code of Conduct, adding guidelines around AI usage, professionalism, and content violations. Read more

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

hvrdhn88
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

hvrdhn88
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;
}

Ashish Srivast3
Tera Contributor

Million thanks!!

Kri
Kilo Sage

Hi,
Can you please explain what should I do next for changing the header menu to the left once after following the above changes in Widget?