Content moves up when Sticky Header appears

#scrolling bump content move up issue jump sticky header

- 8 years, 10 months ago Bluebox
  Participant
  
  Expired
  Hi there,
  
  There’s an issue I can’t fix. I’ve activated the sticky header. After SLOWLY scrolling down the sticky header appears and the content jumps up for around 120px. After scrolling up the sticky header disappears and the content jumps back down again.
  
  This issue just happens if no slider is active. I deleted all custom css changens but the issue is still there.
  
  Please take a look:
  LINK 1
  LINK 2
  I hope someone can help me to fix this.
  
  Cheers
  
  This topic was modified 8 years, 10 months ago by Bluebox.
  
  This topic was modified 8 years, 10 months ago by Bluebox.
- 8 years, 10 months ago Kris
  Participant
  
  Hello,
  
  This page is created with Modern Events Calendar plugin, which is a third party plugin. Testing it requires much time, which is not included on theme support. This plugin or other third party plugins may conflicts with theme, so i can not tell for sure which one may bring the sticky header issue. Try deactivating some of them to see if one of them may be the culprit.
  I see that on the other pages of your site, the sticky header works fine.
  Anyway, consider updating theme and visual composer to the latest version.
  Let us know.
  
  Best regards!
- 8 years, 10 months ago Bluebox
  Participant
  
  Expired
  
  Hi Kris
  
  Thanks for your answer! I deactivated ALL third party plugins. Also I installed the newest version of your theme and all newest versions of the required plugins. As I wrote before, I deactivated my whole custum css changes, cleared my browser cache and it doesn’t affect the issue i described before.
  
  Finally, I found the same bug on your demo website:
  
  LINK
  
  It’s definitely an issue of your theme. Please fix this bug with an update or let me know, how I can fix this with some custom code.
  
  Thanks & best regards
- 8 years, 9 months ago Kris
  Participant
  
  Hello,
  
  Sorry for the delay!
  We have forwarded this topic to our developers team. We will let you know as soon as possible.
  
  Best regards!
- 8 years, 8 months ago Bluebox
  Participant
  
  Expired
  
  Hey Kris
  
  Is there still no solution for this issue?
  
  Best regards
- 8 years, 8 months ago Mirela
  Participant
  
  Hello,
  
  Sorry but there are no feedback’s on the matter.
  
  Best regards!
- 8 years, 6 months ago Bluebox
  Participant
  
  Expired
  Hello,
  
  I’m starting become impatient.
  
  This bug is just because of this difference:
  
  If you’re on the top of the page the header CSS looks like this:
  
  header#header .container { position:relative;}
  
  Now if you scroll down and the sticky header appears the CSS will change to this:
  
  .header_wrapper.header_1 background--light.open { position:fixed; visibility: visible; }
  
  Because of this difference of the position-value “Relative” and “Fixed” the content moves up as much as the height value of the header itself. It’s not that easy just to change this position with custom CSS, that won’t work. So please tell your developers team to take a look at this as soon as possible, please. For a professional programmer, this shouldn’t be a big deal to fix in my opinion.
  
  I’ll hope to hear from you soon.
  
  Best regards!
  
  This reply was modified 8 years, 6 months ago by Bluebox.