Fixing mobile site width which adds white space on the right and mobile site scaling

Site URL: https://www.tlhmua.com.au

I seem to have this mobile only problem - and can confirm it happens on both android and iphone devices. For some reason the mobile version adds this white space and some of the scaling doesn't quite work (e.g. text gets cropped out).

I have implemented custom CSS but I haven't done anything regarding the width/height of the site - only the background gradient, font colour changes and font size adjustments. I'm aware I'll probably need to add some css that scales properly on mobile regarding the font size because of my custom css so if I could get help with that as well that would be great.

I have also attached how the site doesn't scale the navigation links that appear at the bottom of each portfolio section. e.g. at the bottom of this page: https://www.tlhmua.com.au/services/hair-makeup

Appreciate your help!

#1. Add to Design > Custom CSS

html, body {
	overflow-x: hidden;
}

#2. Use this CSS

/* pagination titles */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    font-size: 1.2rem !important;
}
}

Legend as always Tuan, thanks for your help. Worked perfectly.