Sticky Header Transition Smoothly

  • Hello there,

    How to make this sticky header transition smoothly?

    I attached the link below

    Thank you

  • Hi there,

    Could you temporarily disable the Sticky Header option first?

    Let me know once that’s done, and I’ll take another look.

  • OK,
    I already disable it

  • Okay, now select the Site Header block and apply the following settings:

    
    Position: Sticky
    Inset > Top: var(--space-m)
    z-index: 1
    
  • That’s work

    How to make it consistent for Sticky Header: When scrolling up?

  • Hi,

    I am not seeing the transition you are describing. Are you ware of the settings found here once you select the Header block?

    Header block

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.