Symptoms

---

On the Service portal homepage, gap appears between the navbar section and background image as shown in the below screenshot,

This article will brief on how to resolve this design issue.

Release

---

Any supported release. 

Cause

---

On the affected instance, we had below Page Specific CSS in index page,

section.page, section.body {
    padding-top: 0px !important;
}

Resolution

---

Change the page specific CSS in index page as below, this should resolve the issue.

section.page, main.body {
    padding-top: 0px !important;
}

This is the out of the box provided CSS. 

Additional Information

---

Service Portal Pages