Removing the white gap at the top of Service Portal between Navbar Divider & Homepage Search

RichardSaunders
Tera Guru

I have a white gap between the navbar divider & homepage search, I don't have any containers or empty widgets above homepage search. How do i close this gap?

find_real_file.png

1 ACCEPTED SOLUTION

Piotr Ba_amut
Giga Expert

Hi there, 

There has worked out the following class on my end added to the Page Specific CSS

 body .padding-top {

        padding-top: 0rem;
}

View solution in original post

5 REPLIES 5

einvaldserigsta
Kilo Sage

Hi Richard,



You can try to go to page designer for the page, and go on the options for the container containing the search field etc. Here, you can set "move to header" to be checked, like the attached picture. Not guaranteed that it will fix things the way you want it, but it should be worth a try.



find_real_file.png


Thank you, i missed that option. Sorted



find_real_file.png


Matthew Smith
Kilo Sage

Hi Richard



I assume you've double checked the image for any white space? I would also check the 'Page Specific CSS' on the Index portal page and see if any padding is being applied. It should be 0px if you don't want anything there.



Hope this helps



Matt


I found using the Move to Header option you are unable to scroll (I guess because that element is now fixed to the header). I ended up copying the CSS from the OOB demo portal for the index page, which solved the white gap and scroll issues.



section.page {


background-color: $sp-homepage-bg;


}


section.page, main.body {


      padding-top: 0px !important;


}