Does your website appear blank in the mobile view, or have huge gaps on the sides that scroll back and forth?
If you notice that your WordPress website with Elementor has big gaps on the side when you view the mobile version, this code will help you get rid of it. If you have the Hello theme installed, this will work for you. In some other themes you may have to add CSS a different way, but this is a common solution that will work for many themes.
to get rid of the white space gaps in mobile view:
From the front of your website, click Customize (at the top).
Then click Additional CSS, and paste this code into the box:
/* To hide left right overflow */
html,body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
Click PUBLISH.
That’s it! The extra space should be gone.