Unwanted white space on right side in mobile view

Firstly follow the above answer make sure that the width of any element should not exceed 100% and then also try this:
Try making overflow-x: hidden; in html as well

html,body{
    overflow-x: hidden;
}

It worked for me

I think there might be one element on your page which might have a width and a padding or margin exceeding 100%. When 'inspecting' the page and hover over the white space you might select an element there which is going outside of the wanted page.

Try and find this using the inspect element and change this in CSS with using media queries

for simple and not complicated code just use this code in the css file

body{
    overflow-x: hidden;
}