How to remove whites space on mobile device using css?

elementor white space right
white space on the right on mobile
white space while scrolling

I have banner which have image , unfortunately when I try responsiveness at certain break point I get white space ,

Here is the website am doing : Problem with white space

I tried

html,
body {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
}
* { margin: 0; padding: 0; } 
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
img{
    width: 100%;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

what do I need to do to get rid of the white space on my page its annoying, please help ;(

I spent a lot of time to find it. But I think I did.

.marketing-main-page-content_description-right p {
     width: 600px;
}

On line 305 style.css. Remowe this rule or write media query.

white space on both sides when showing on mobile , my website shows white space on both right and left sides when i try it on mobile devices like iphone and samsung androids.. but If you remove above body section, white space will disappear. I have one space issue on right side in my site which is looking only on mobile not in browser mobile width. How to remove the extra white space underneath an image using CSS. How to position text over an image using CSS; Previous Page Next Page. Advertisements. Your

In "marketing-main-page-content-agenda_elipse" container you have 2 elements that have absolute positions "elipse-top" & "elipse-bottom" they give the container extra width based on their "right" position, try to change their properties in responsive design.

How to remove white space from mobile view?, Hello, On a smartphone, the site adds extra white space to the right. please advise on how to make the posts fit the width perfectly on a mobile device? I figured there's this CSS snippet to do the magic – in case anyone else is facing the  That's why you get a white gap because the rest of the page is shrunk to make room for the scrolling section at the side which usually means white space showing (because the rest of the page is 100% but the scroll section is greater than 100%).

Don't use % unit in body and html tags. Instead, using vw unit, which stands for viewport width. 1vw equal to 1% of viewport width. That means you need 100vw for html, body.

html, body {
    width: 100vw
}

Check image below for better explanation.

Remove white space under footer on mobile devices?, Hey crewneck! Please try the following code in Quick CSS: #footer { padding: 0 0 0px !important; }. That will remove  Don't use % unit in body and html tags. Instead, using vw unit, which stands for viewport width. 1vw equal to 1% of viewport width. That means you need 100vw for html, body. html, body { width: 100vw } Check image below for better explanation.

How to remove white space on the mobile, How can I remove the white space between the logo and Menu bar and the white space between the menubar and the page title on the iPhone ONLY. The desktop Hi Rashid. You can fix/change this with some custom CSS. Finally, white-space: pre-line; will break lines where they break in code, but extra white space is still stripped. Interestingly, the final line break is not honored. As per the CSS 2.1 spec: “Lines are broken at preserved newline characters, and as necessary to fill line boxes.” so perhaps that makes sense.

How to remove white space in the right side of mobile and tablet , css and it removed the white space on the right side on mobile and tablet view. html, body{ width:100%; overflow  Sequences of white space are collapsed. Newline characters in the source are handled the same as other white space. Lines are broken as necessary to fill line boxes. nowrap Collapses white space as for normal, but suppresses line breaks (text wrapping) within the source. pre Sequences of white space are preserved.

MOBILE: Unwanted white space/scrolling space to right side of site , Can someone please help me remove this from all mobile/tabl… phone versions) I have allot of unwanted white space and scrolling space to the right If anyone is wondering, the attached image is rendered for the iPhone 6. Your site's read-only link is useful for sharing your project with others without  Inspect your html page, and see if you can decipher which element may be causing the extra space. White space at the end of the html document. This is what caught me, and wasted about 2 hours of my time tracking it down. After using a PHP include for my footer, I had a line of white space after my closing PHP tag. This extra line caused the