How to adjust Service Portal header size

chrish5 · ‎12-07-2022

Our company is in the midst of rebranding. In the Service Portal, I've changed the logo and the header cooler but I need to increase the height of the header and can't find where that is set at. Does anybody know?

Community Alums · ‎12-09-2022

hi @chrish5,

Please navigate to - All > Service Portal > Service Portal Configuration > Select Portal Tables (in header) > Themes

Select 'La Jolla' theme which is related to SP portal then Change to new header.

If this resolve your query, please mark the answer as solution and helpful.

View solution in original post

jaheerhattiwale · ‎12-09-2022

@chrish5 Tried and Tested Solution.

Go to "Service Portal > Portals" module.

Open your portal record, I am opening the sp portal

And add the following CSS in "CSS Variables" field as shown in image

.navbar{
height: 200px;
}

I have added 200px as height, you can add as per your requirement

Result:

Please mark as correct answer if this solves your issue.

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

Paul Curwen · ‎12-09-2022

If anyone else find this, the easy answer is to:

1 Open tour portal record]

2. Open the Theme record for it

3, In The CSS add this:

.navbar {
height: 220px !important;
}

220 being the height you want. Adjust as required.

if Helpful mark as helpful/Correct

***If Correct/Helpful please take time mark as Correct/Helpful. It is much appreciated.***

Regards

Paul