I've built a shrinking navigation on scroll using the Demo Kit. However, on tablet and mobile I do not want this to occur and for the navbar to remain fixed to the top. The interaction is attached to "Desktop Spacer" selector which is hidden for tablet and mobile but the height transition still occurs on the navbar immediately on page load. Any suggestions?
You can see the resulting extra whitespace in this screenshot: