Portal Hamburger menu issue

JohnnySnow
Kilo Sage

Hi Team,

 

 

We have the header color of the portal set to white and this is causing issue with the hamburger menu as shown below. The hamburger menu is available once you click on that space(check image 2) but since it is white background it becomes invisible on page load. (please note this is happening in mobile browser)

JohnnySnow_0-1724629223443.png

JohnnySnow_1-1724629296396.png

 

Is there any way to change the color of just the hamburger menu to something else, without cloning the widget. 

 

Cloning widget solution is here: https://www.servicenow.com/community/developer-forum/service-portal-menu-now-showing-in-mobile-brows...

 

which I'm not looking for.

 

 

Thanks
Johnny

Please mark this response as correct or helpful if it assisted you with your question.
1 ACCEPTED SOLUTION

JohnnySnow
Kilo Sage

Nevermind, I was able to fix the issue by adding this code in the themes of the service portal.

 

1. Navigation bar: Portals>

2. Open the current portal record. Check what theme is being used. Open that theme.

3. Scroll down and add below code:

 

.navbar-toggle.ng-scope.collapsed {
background-color: #000000;
}

OR

.navbar-toggle {
background-color: #000000;
}

 

whichever works for your instance.

 

 

Thanks
Johnny

Please mark this response as correct or helpful if it assisted you with your question.

View solution in original post

1 REPLY 1

JohnnySnow
Kilo Sage

Nevermind, I was able to fix the issue by adding this code in the themes of the service portal.

 

1. Navigation bar: Portals>

2. Open the current portal record. Check what theme is being used. Open that theme.

3. Scroll down and add below code:

 

.navbar-toggle.ng-scope.collapsed {
background-color: #000000;
}

OR

.navbar-toggle {
background-color: #000000;
}

 

whichever works for your instance.

 

 

Thanks
Johnny

Please mark this response as correct or helpful if it assisted you with your question.