• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Sticky Nav Header transition is jarring

Myke623

Active member
#1
When the nav transitions into the sticky state, the selected tab transforms to display a drop-down arrow containing the (now hidden) sub-tab elements. After the transition, all of the following tab items are offset to the right, making the transition from normal to sticky state visually jarring.

1504677255188.png

Perhaps ensuring that the width of the selected tab is the same during normal display as it is when sticky can prevent this from happening.