I noticed that the mobile version of my site does not display properly.
First, you can scroll to the right. Then, the sidebars and footer widgets do not display properly and lastly, there is a considerable amount of space between the header and the slider (See attached image).
After including the footer widgets from here. I noticed that because of the footer widgets, the mobile site was not rendering properly. So I completely removed the footer sidebars.
I made changes to the theme files itself.
Secondly, I had included a custom CSS affecting the site header earlier. So while troubleshooting, I removed the custom CSS and it appears fine.