Search bar move a bit lower on the Service Portal page

[Vamsi26]

Hello everyone,

I want to bring the search bar a bit lower on the page in Service Portal.

How can i achieve this?

Thanks

[Ranjit Nimbalka]

Hi @Vamsi26 ,

CTRL+ Right Click >> Instance in Page Editor

update the transform value 

.input-group {

transform: translate(-50%, -30%);

}

If my answer has helped with your question, please mark my answer as accepted solution and give a thumb up.
Regards,
Ranjit

[Vamsi26]

Hello Ranjit, 

I got page like where do i write the code.

[Sid_Takali]

Hi @Vamsi26 add the below mentioned code in CSS field.

.input-group {
   top: 30px;
}

https://www.servicenow.com/community/developer-blog/the-ultimate-service-portal-css-guide/ba-p/22901...

Please mark my answer Correct/Helpful,

Regards,

Siddharam

[Ranjit Nimbalka · Accepted solution]

Hi @Vamsi26 ,

Yes in CSS field add below code and adjust value according to your requirement.

.input-group {
width: 90%;
left: 50%;
top: 50%;
transform: translate(-50%, 100%);
}

 If my answer has helped with your question, please mark my answer as accepted solution and give a thumb up.
Regards,
Ranjit