First item of dropdown menu not actionable on small layout

When having a dropdown menu for example at the top bar, the first level link behaves differently in different layouts. When the client is using the small layout (e.g. mobile) and after expanding the menu, clicking the first level menu shows the second level items and hides all the first level ones, including the one that was just clicked, so the page it links to cannot be accessed.

Example menu

My Friends
Write a Message
Invite Friends

In the small layout there’s no way to access the “My Friends” page, as clicking it shows the previously hidden second level links “Write a Message” and “Invite Friends” and hides the first level “My Friends” link. In layouts that don’t collapse the whole menu, clicking “My Friends” takes you to the appropriate page. All layout sizes should allow clicking the link.

One way to do this is to duplicate the first level link to be displayed below “Back” and above the second level links after being clicked on the small layout.