When viewing the site in mobile mode, the top section of the text from the articles or menu is cropped?

twyfordallotments.org.uk/

Any ideas on what I am missing to resolve.

Thanks in advance.

Please setup your menu outside, see the image

Thank you, this resolved this issue, in regards to the mobile view this is now working, however when I now view the page on a desktop browser, I see the Mobile menu appearing on the right hand side of the screen. is it that I have the Mobile menu in the wrong position? Currently I have this as offcanvas?

You can setup where the offcanvas should bbe open > left or right

Is it possible to hide the offcanvas from the desktop and only display on the mobile, for example the mainmenu disappears on the mobile version.

Yes, search the forum
www.joomlaplates.com/forum/j3-construction/9050-offcanvas#25225