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 🙂

Tawfiqur

I'm a freelance Wordpress Front-end Developer, work from my home office. Mostly do my freelance work on Upwork. I'm a TOP RATED freelancer with over 11K+ Work Hours. Specialize in HTML5, CSS3, SCSS, JavaScript, jQuery, Ajax, ES6, Bootstrap, PHP, MySQL, Wordpress, Woocommorce and Custom Wordpress Theme and Plugin Development

Leave a Reply

Close Menu