Transparent nav-bar in Service Poratl

[Murali19]

Hi Everyone,

I have a question related to Service portal. I want to make header transparent and all the menu items will diplayed on the background image.

Current Header:

So, i want to make transparent header and servicenow logo, Knowledge, Service catalog, Requests, System status all displayed on the background image.

Thanks.

[SanjivMeher]

Did you add the new cloned header to the theme? Also replace .navbar-default with .navbar and see how it works.

[SanjivMeher]

I added your script to the existing .navbar in CSS. It removes the background, but makes the color white.

[Alexandre Sing2]

Hello Murali,

.navbar{
position: fixed;
background: rgba(255, 255, 255, 0);
top: 0;
left: 0;
right:0;
padding: 0px;
z-index:10;
border-bottom:0px !important;}

Works great for us ! 

First on your homepage's CSS, then if you are satisfied with it and want to do it on every page, maybe as a CSS include on your portal's theme for you not having to clone the widget, or on the header's widget, as you find it more suitable.

[SanjivMeher]

Worked for me