CODEWITHSUNDEEP
htmlcss
Erasus
Erasus

Reputation: 708

Google PageSpeed Insights Size content to viewport

I'm trying to increase PageSpeed insights score, and I'm probably misunderstanding one part: Size content to viewport, recommendations show me that some html elements are outside of viewport, how do I fix it? I tried decreasing font sizes where text is really large but it doesn't help, is it only related with CSS?

Here's the results: https://goo.gl/PB2yaA

Upvotes: 0

Views: 219

Answers (1)

Eddi
Eddi

Reputation: 48

Your Content at 361px - ~450px ist to big. Google is telling you, some Elements (like eg the .nav-toggle) are outside the viewport and not clickable.

Your Code:

(max-width: 480px) 
html, body {
width: 480px !important;

is not OK, because it forces the viewport to be bigger than the possible 440px viewport. Removing it will help you.

Upvotes: 1

Related Questions