Move left header menu of Service Portal next to logo

[Yasin Shaik11]

Hi All,

Need help,

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. which widget I need to clone and what CSS code I need to add. please guide me. 

[jaheerhattiwale · Accepted solution]

@Yasin Shaik11 Please add the below CSS this should fix the issue

CSS:

.navbar{
display: flex;
}
.navbar::after{
display: none;
}
.navbar-right{
flex-direction: row;
justify-content: space-between;
width: 100%;
}

Result:

Please mark all the answers on this question as correct answers

[Community Alums]

Hi @Yasin Shaik11 ,

 You can use the solution : https://www.servicenow.com/community/now-platform-forum/move-left-header-menu-of-service-portal/m-p/...

[jaheerhattiwale]

@Yasin Shaik11 Go to "Service Portal > Portals"

Open your portal record and add below css in "CSS variables" field

CSS:

.navbar{
display: flex;
align-items: flex-start;
flex-direction: row;
}

Please mark as correct answer if this solves your issue.

[Yasin Shaik11]

Hi Jaheer,

Its working as expected, Thanks 

Here I want to keep the login icon as same as earlier. how can we do that one. 

[jaheerhattiwale]

@Yasin Shaik11 Is login icon not at the same place?