Styling - Removing Gap Between North & Center (primefaces)

I'm trying to eliminate the buffer or 'resizer' that exists between the North and Center layout. I have used fullPage=true b/c I like that it auto resizes. The border from the edge

Solution 1:

I can't really see what your code is so I'm a little unclear, but have you tried

.ui-layout-resizer, .ui-layout-resizer-north, ui-layout-resizer-open, .ui-layout-resizer-north-open 
{
    display: none;
}

It also would be a little easier to figure out if we had the source code.

Solution 2:

I'm not really experienced with jquery but this seems to work for me (with primefaces extensions):

<scripttype="text/javascript">var layoutSettingsAll = {
                     name: "layoutSettings"
                     , north: {
                         spacing_open: 0
                         , spacing_closed: 0
                     }
                 }
                 $(document).ready(function() {
                     layoutSettings = $("body").layout(layoutSettingsAll);
                 });
            </script>