Mobile menu not working because of hidden sections

First off, great template. My favorite for some time now.
I’ve searched the forum, but can’t find a post about this subject.

I’ve made a one page website with a menu that goes to the sections on the one page. This works flawless on
the desktop version of the website. I’ve given the sections names and in the menu I put that same name in (#name).

On the mobile/tablet version however, the menu does not go to the correct sections (does not react). This is because
I’ve duplicated the sections so one shows on mobile and one on desktop. These are the same sections, only the order is different
for mobile and dekstop because it looks better. The names (ID) of these duplicated sections are the same so the menu should
be working, but i guess there’s something going wrong because they’re duplicated.

Is there a solution for this?
As u can see the desktop menu works fine, but in the mobile menu there are only two buttons working (‘menu & branding’ + ‘contact’)
these are working because these sections are the only one that are not duplicated.

Hopefully somebody can help me with this.