Sticky position slipping!

Site URL: https://corn-apricot-zn88.squarespace.com/bassettiportfolio

I have made my universal filter stick, but it shifts up slightly when you scroll down.  Thoughts? I used this code.

I had issues initially because the gallery wanted to scroll under the filter so you could see a sliver above it, so I played with the "top" position. Is there a way to make it not shift when it scrolls?  I tried removing padding on the summery block and filter container.

ALSO - I cannot seem to get rid of the small grey line above the text. I have all borders set to 0.

Code I used is: 

/*universal filter*/
/*position sticky*/

body .custom-filter-container, .custom-filter-parent-node {
        overflow: visible;
        position: absolute;
    }
    .customFiltersWrapper {
        position: sticky!important;
        top: 170px; margin-bottom: 0vh;
    }

#yui_3_17_2_1_1630531262614_676, #yui_3_17_2_1_1630530276084_720, #yui_3_17_2_1_1630531152613_1010 { margin-top: 0vh; padding: 0!important;}

#block-6708d6bafe3faea67f02, #block-yui_3_17_2_1_1590076520498_4551, #block-206175b0d9ba3902e4c7 {padding-top: 0!important;}

Thanks!

Hi,

You mean

You want to remove space between filter sticky white bar & header?

@tuanphan I think so. It looks like it "slips" a bit when I scroll. 

On 9/22/2021 at 1:54 AM, deaton72 said:

@tuanphan I think so. It looks like it "slips" a bit when I scroll. 

Hi,

The above page doesn't exist

@tuanphan  sorry! i changed my url: https://corn-apricot-zn88.squarespace.com/portfolio

On 9/24/2021 at 10:40 PM, deaton72 said:

@tuanphan  sorry! i changed my url: https://corn-apricot-zn88.squarespace.com/portfolio

 

Try changing 170px to 140px