How to remove whitespace on the right side of mobile and tablet view in Astra theme

How to remove whitespace on the right side of mobile and tablet view in Astra theme

One of my clients asked me to fix an error in Mobile view of his website. It’s using Astra Pro theme with Thrive Architect page builder.

Mobile View – There is an extra white space to the right (left and right scrolling) caused by the tiny scroll to the to button.

Client’s Comment

Here is how I remove whitespace from the right side of mobile and tablet view by adding the following custom CSS code in Customizer > Additional CSS section

I’m targeting the Mobile and Table screen which max-width is 768px

@media only screen and (max-width: 768px){
	html,
	body{
	width:100%;
	overflow-x:hidden;
	}
}

Hope it’s helpful for you. Enjoy 🙂

1 thought on “How to remove whitespace on the right side of mobile and tablet view in Astra theme”

  1. Thanks so much Tawfiqur! I had this very problem and instead of needing to put time in finding out the exact cause, I just added this line of code and it worked! 🙂

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top