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
Steps To Take
Solution