Sticky Header and same page link to block gets cut off from the stick header

Michael Lombardo

• October 21, 2020 23:18

Hello, my sticky menu is getting in the way when you click a button that links to a specific block on the same page.

 

It's viewing it as if the sticky menu didn't exist. is there a way to decrease/increase the scroll distance based on the block that is called in the link?

So if my header is let's say 200px then I know to scroll 200 px less when it directs to the block on the same page.

Thank You

0

• 

  Sandra Prunici

  • October 22, 2020 09:40

  Hi Mike,

  Yes, at the moment if you have the sticky header when you link to a specific block from the same page the header will be placed on that block. This happens because the header has a fixed position and therefore it is over all elements from the page. For this reason, when you click on the anchor link from the header element, you see the header over that block. In such a way is working the sticky option for the header. 

  Best regards,
  Sandra

  0
• 

  Michael Lombardo

  • October 22, 2020 10:54

  Thanks for the reply! Very understandable. is there a way to decrease the scroll by 200px? maybe a piece of code i can edit?

   

  Thanks

  0
• 

  Sandra Prunici

  • October 22, 2020 12:55

  Unfortunately, at the moment isn't a way to decrease the scroll by 200px.
  Let us know if we can help you with something else.

  Thanks!

  Best regards,
  Sandra

  0

Please sign in to leave a comment.