Syead Riad

Syead Riad

Extra White Space Problem on Mobile View of WordPress Website. (easiest Solution)

Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn
55 / 100

You created a website spending hours and doing all the hard work. Then after completing the website suddenly you notice that while scrolling the site on mobile it looks horrible because of a extra white space on the right hand side.

NO WORRIRS. Here is the solution.

Just put this code to the custom CSS of the first section and the problem will be solved.

html,
body{
width:100%;
overflow-x:hidden;
}

IMAGE GUIDELINE:

EXTRA WHITE SPACE PROBLEM

 

Now, What if you are using just Elementor Free and not using Elementor Pro? Because Elementor free versions do not support the Custom CSS option. No worries. Just drag an HTML widget anywhere in the first section and put this code on that Custom HTML.

<style>

html,
body{
width:100%;
overflow-x:hidden;
}

</style>

 

IMAGE GUIDELINE:

EXTRA WHITE SPACE PROBLEM
Extra White Space Problem on Mobile View of WordPress Website. (easiest Solution) 3

 

Thanks.

– Syead Riad.

More to explorer

4 thoughts on “Extra White Space Problem on Mobile View of WordPress Website. (easiest Solution)”

Leave a Comment

Your email address will not be published.