How to remove space block on mobile device?

goodtognci

Hi,

I have no idea why there has some space block on mobile.How to fix this?

Thanks

Ninja

goodtognci
Hi
I checked your site but the view of page is different http://prntscr.com/lg564i
as compare to your screeenshot, can you check it again? There is custom style applied on these items from custom.css file.

Regards

goodtognci

This is my mobile screen.

Ninja

goodtognci
Hi
You have custom code in custom.css file that creating this issue


.categories-list .category-item {
	width: 33%;
	float: left;
	box-sizing: border-box;
	padding: 10px;
}
.categories-list .category-item:nth-child(3n+4) {
	clear: both;
}
.category-item img {
	width: 100%;
	max-width: 350px;
	height: auto;
}

Remove the code will make it full width and show item one by one, not in two column that is from the custom code.

Regards

goodtognci

Actully, I prefer 2 columns on mobile. Any idea to fix the space block?

Thanks

Ninja

goodtognci
Hi
add this code in custom.css file


@media(max-width:468px) {
.categories-list .category-item {
	min-height:200px;
} 
.categories-list .category-item:nth-child(3n+4) {
    clear: inherit;
}}

Regards