CODEWITHSUNDEEP
htmlcss
hmahdavi
hmahdavi

Reputation: 2354

Html element falls outside of viewport

I test my site by google speed tools and get me this error for mobile devices that

the element falls outside the viewport

I test this by this code :

$('#divBackTabs').innerWidth()-$(window).innerWidth()

this code returned 13. I try to set max-width but do not solved.

How to force #divBackTabs element that max-width of it be 100%.

My WebSite

Upvotes: 0

Views: 544

Answers (1)

Cuzi
Cuzi

Reputation: 1026

You should paste a sample of your HTML and CSS.

but in your case I see that you are using bootstrap so the .row element get -15px margin that put it outside the viewport. and then the col-12 using padding 15px. just remove the the col-12 class and delete the parent .row div.

it will stay inside the viewport after that.

Upvotes: 1

Related Questions