Scrolling website using arrows left / right and arrows up / down

Site URL: https://chloe-chow-template.squarespace.com/

Hello everyone,

I am almost done finish my template. Just checking my website homepage under different conditions. 
https://chloe-chow-template.squarespace.com/
pw: creativegrind

1. I am not sure when but WITHOUT a mouse I cannot navigate my homepage, even with the scroll bar enable. I have found some horizontal website which can be visited on desktop using the keyboard. I keep looking at different topic but I don't understand what function or code I should use. Javascript ? I literally have no idea what this code would look like.

https://canals-amsterdam.nl/
https://bonjour.paris/en

I have enable the scrollbar that was hidden to help users navigate but my horizontal scroll doesn't work as well ... Any idea, ressources, courses I could look to learn how to achieve this under squarespace? My javascript knowledge are very low, and I am struggling to apply what I am reading onto squarespace. I feel a bit blind.

2. On tablet (landscape) the horizontal touch scroll function does not work which is confusing because on vertical page I can use my fingers to scroll up and down but not left and right on the homepage ... I have looked at horizontal squarespace code being sold online and after inspecting it on different designs ... these codes also does not work in the cases above.

Let me know what you think, any ressources are more than welcome ! I am totally lost on where to look to solve that problem

Manon