Mobile layout issue - white space from header to footer on the right side

In desktop layout is fine but in mobile there is a white space on right side. This space is seen on the entire page

In the below section (this is the first section of the page) alone the white space is too huge. For understanding i have highlighted it in yellow.

The below attached screenshot also has the white space on the right but is less than the first section of the page.

please let me know how to fix it



I am sorry to hear you have ben experiencing that issue.

To fix it, from your website’s dashboard are (/wp-admin), go to Customize menu > Additional CSS; and add this code:

    body {
      overflow-x: hidden;


In case your site’s pages have been cached with particular plugin, you should flush it. Otherwise the code addition won’t take any effect on your web browser.

Adding, you may also need to flush cache/history on your web browser and restart it. Just to make sure cached pages don’t remain there.

Hope this reply helps. Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

aThemes Support