BUG: Header Active Section Not Accurate on Small Screens

[dantaylor28]

• On mobile screens, the header does not transition correctly between the active sections, although this works as expected on larger screen sizes.

Steps To Take

• Check back where I use ActiveSectionContext in each section. I think the integer parameter which determines how far in the viewport the section should be before it becomes active is playing a part in the problem.

Solution

• It was the viewport/margin from framer motion that was causing this error. Adjusting it to a smaller value(100px) on each relevant section corrected any errors with the activeSection and header updates

[dantaylor28]

Fixed this error