We're doing a tree view for navigating through a hierarchical data structure. Technically speaking it's a JSTree javascript based application.
Clicking on the arrows expands/collapses the nodes and clicking the text is supposed to take you to a separate page for that node. This works fairly well on a desktop since it's easy to click on the arrow specifically. Our users will not be technically advanced though, so this might be too hard even on a desktop.
On a mobile device, it's hard even for experienced users to click the arrow, it's very easy to click the text instead, which would take you to another page which will be very irritating.
Is there a best practice for this kind of situation? My best idea is to make the whole text expand/collapse and add a separate button for going to the node page, but that's not ideal either.