Mobile Usability

Site URL: https://www.mattportch.com

Hi,

I've been sent usability issues from Google for the mobile version of my site:

Content wider than screen

Clickable elements too close together

Text too small to read

I have Custom CSS throughout my site kindly built up over a lot of time through the help of those on this forum.

What code would I need add to to correct the issues?

If I don't correct them, will it effect the traffic to my site?

Thanks

On 8/25/2022 at 7:01 PM, mportch said:

Site URL: https://www.mattportch.com

Hi,

I've been sent usability issues from Google for the mobile version of my site:

 

 

Content wider than screen

Clickable elements too close together

Text too small to read

 

 

I have Custom CSS throughout my site kindly built up over a lot of time through the help of those on this forum.

 

What code would I need add to to correct the issues?

 

If I don't correct them, will it effect the traffic to my site?

 

Thanks

 

You can set css codes that only apply on the mobile display with media query

@media only screen and (max-width: 767px) {
  /*style Css for mobile*/
}