- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-11-2023 11:40 PM
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.
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-12-2023 01:12 AM
@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
ServiceNow Community Rising Star, Class of 2023
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-12-2023 01:46 AM
You can just write @jaheerhattiwale
Like how you added in the reply
ServiceNow Community Rising Star, Class of 2023
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-12-2023 12:53 AM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-12-2023 12:57 AM
@Yasin Shaik11 Let me check and come back here
ServiceNow Community Rising Star, Class of 2023
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-12-2023 12:53 AM
@Yasin Shaik11 You mean profile icon?
ServiceNow Community Rising Star, Class of 2023
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-12-2023 01:01 AM
Yes exactly
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-12-2023 01:12 AM
@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
ServiceNow Community Rising Star, Class of 2023