My website uses a sticky header and a sticky full-width sub-menu. It works fine at most browser widths, but between 750px&970px, the sticky property doesn’t behave properly on scroll. I believe it has something to do with the header switching to a mobile version too early?
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
If it were up to me I’d give you admin access, but our government hosting team doesn’t allow more than a few ip addresses into the back end. If that’s an issue I’ll see if I can get that changed for you.
If this info helps…I’ve tried to disable plugins and any custom css to see if that fixes the issue and it hasn’t. So far, the only way I can get the full width sub menu to work is by changing the header to not be sticky at all browser widths.
We do need access so we can try debug as much as possible from our side…
I noticed that on the enfold demo page, the same issue happens. Maybe you guys can debug from there if that’s easier? The full width sub menu here doesn’t stick fully to the top (there’s a gap above the menu) at the browser widths I noted in the first comment.
You must be logged in to reply to this topic.