Screen layout overlap with header

User Experience
, , , ,
1

Recently I just upgraded from Pega 7 to Pega 8.6. Unfortunately I found a portal that’s overlapping with the header. The layout below is harness with screen layout header left. At first, I thought it caused by the layout content, but nothing happen when I make the layout content invisible. Then I tried to customize using inspect element, worked but when I put it on inline style it doesn’t work.

I also manage to tried this solution but nothing worked too. https://collaborate.pega.com/question/unable-add-header-screen-layout. Is there any suggestion to make it not overlap with below content and menu? Thanks in advance

Portal Screen.jpg
Portal Screen.jpg1883×703 65.9 KB

2

Hi,

Is there a custom CSS on the skin rule ?

If Yes, try removing all the Custom CSS and als try to re-refer the OOTB CSS.

Thanks
Chandan U

3

@yutta did the below solution help ?

4

@ChandanU5252 yes, there’s custom css on the skin rule and I enlarge the min-height. Turns out it doesn’t work that way, so I edit the image on the section header to fit the header area (I edit image height from 100px to 40px).