In this project, the Logo on the Hero section of the Home Page is a link to scroll to a section below (#about).
The functionality scrolls to the #about section specified properly on Chrome, but scrolls just short of the section in Safari, Firefox, and the Preview/Editor.
It looks as if it is scrolling short the pixel height of the navigation bar, which has an Interaction set to make it appear once the scroll is complete.
My guess is Safari, Firefox, and the Preview/Editor do not take into account this interaction when calculating the scroll.
Any ideas how to make the scroll look as it does on Chrome across all browsers?