How to remove white space 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 🙂

Leave a Comment

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

Scroll to Top