Move left header menu of Service Portal next to logo

Yasin Shaik11
Tera Contributor

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. 

2 ACCEPTED SOLUTIONS

@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:

jaheerhattiwale_0-1673514685702.png

 

 

Please mark all the answers on this question as correct answers

 

Please mark the answer as correct or helpful based on impact
ServiceNow Community Rising Star, Class of 2023

View solution in original post

You can just write @jaheerhattiwale 

 

Like how you added in the reply 

Please mark the answer as correct or helpful based on impact
ServiceNow Community Rising Star, Class of 2023

View solution in original post

14 REPLIES 14

Hi Jaheer,

No it also moved left side please find attachment 

@Yasin Shaik11 Let me check and come back here

Please mark the answer as correct or helpful based on impact
ServiceNow Community Rising Star, Class of 2023

@Yasin Shaik11 You mean profile icon?

jaheerhattiwale_0-1673513580882.png

 

 

Please mark the answer as correct or helpful based on impact
ServiceNow Community Rising Star, Class of 2023

Yes exactly 

@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:

jaheerhattiwale_0-1673514685702.png

 

 

Please mark all the answers on this question as correct answers

 

Please mark the answer as correct or helpful based on impact
ServiceNow Community Rising Star, Class of 2023