Beta2. Sticky headers not quite right

Beta
#1

I haven’t had much time to investigate this one tonight. But it seems like the sticky headers aren’t behaving themselves.

#2

Yeah some of the sticky bar stuff for rev slider had to get pushed out a little early for WordPress 6.2 unfortunately. I had this come up on a double sticky bar setup where both had z-index stack. Does your situation sound similar? If not could you send me a link so I might know that you are site will be okay with the fix?

#3

Dev site is here: https://www.viegodata.no/beta/

It’s weird. When loading the page the sticky header works fine.
Next, click “kontakt” button at top right. Header is no longer sticky.
Next, go back to home page. Header is no longer sticky there either.

Update: I just went in on another browser to make sure there was no caching, and there is no sticky header at all, anywhere. Will have to check a bit more. Seems like I’ve come unstuck :wink:
I’ll send you a login in the secure note - this is just a pretty clean install with the header that came with the “Starter site” preset

#4

I put it a bandaid on the site, but yeah same sticky issues. Unfortunately supporting rev slider just turned into whack a mole with other stickys, but it’s a small issue I’ll have a fix for in Monday.

#5

I just see this thread and maybe it is related. I’m also having issues with the sticky header. On first page load it seems to work fine when you scroll the page back to the top and scroll down again then often the shrink percentage seems to be a lot more (I set a different background color on scroll so then I can see that the background color is not covering the whole header anymore…) This behavior isn’t consistent either, sometimes the shrink does seem to work sometimes not. Let me know when you need a login to the site.

#6

Hi @charlie! Just chiming in here, hadn’t noticed it before but on a 6.1.10 site the sticky header appears to work flawlessly in the builder but on the actual front end of the site header behaves as if sticky is not enabled at all.

If I clear cache and reload it’ll work on the first load and then not on any subsequent loads.

#7

Hey guys. Yeah if you’re seeing it work in the builder, but not the frontend sometimes then it’s an issue I’ve addressed in the release Monday. I’ve tried this bandaid on some sites, but honestly that’s hit or miss compared to the actual fix. Really apologize this sticky bar maintenance has been so rough.

window.addEventListener("load", function() {
  window.document.body.style.height = "1000px";
  setTimeout(function() {
    window.document.body.style.height = "auto";
  }, 500);
});
#8

Hello @charlie just wanted to say that for me after updating to Pro 6.2 the sticky bar issue remains

#9

@SchoonhovenOntwerpStudio - have you cleared all caches? Once cleared, 6.2 sticky headers appear to be functional on my end again.

#10

@DoncoMarketing yep all caches are cleared. For me everything seems to work normal on first page load but when scrolling up and down a few times the set background isn’t covering the whole bar anymore

#11

@SchoonhovenOntwerpStudio Can you send me a site to checkout? Create a new topic if you want to do a secure note too thanks.

#12

@charlie will do now, thanks

1 Like