Mobile Usability Errors

[sryn101]

What's happened?
Getting mobile usability errors as per google webmaster when users are using website on their mobiles:
Issue#1 - Clickable elements too close together
Issue#2 - Content wider than screen

Steps to reproduce:

1. Register website on webmaster.google.com
2. Go to Mobile Usability
3. When many users use it, we can we generated reports and errors

What's expected?

https://support.google.com/webmasters/answer/9063469#content_not_sized_to_viewport
Viewport not set to "device-width"
The page defines a fixed-width viewport property, which means that it can't adjust for different screen sizes. To fix this error, adopt a responsive design for your site’s pages, and set the viewport to match the device’s width and scale accordingly. Read how to correctly Set the Viewport.

https://support.google.com/webmasters/answer/9063469#touch_elements_too_close
Clickable elements too close together
Touch elements, such as buttons and navigational links, are so close to each other that a mobile user cannot easily tap a desired element with their finger without also tapping a neighboring element. To fix these errors, make sure to correctly size and space buttons and navigational links to be suitable for your mobile visitors. Read more in Size Tap Targets Appropriately.

Browsers and Devices tested

Chrome on Android phones and iPhones

...

Server information

php 7.1 apache

...

phpFox version

phpFox 4.8.0

...

Screenshots

...