Problems with mobile view of website

[Anirban]

Anirban

December 21, 2015 at 8:44 am

Hi Ben,

Greetings!!

Of late I am noticing that 3 issues are being reported by Google Pagespeed Insights for my website :

1. The page content is too wide for the viewport, forcing the user to scroll horizontally. Size the page content to the viewport to provide a better user experience.
The page content is 390 CSS pixels wide, but the viewport is only 375 CSS pixels wide. The following elements fall outside the viewport:
The element <div class=”col-md-4″></div> falls outside the viewport.
The element <div class=”col-md-4″></div> falls outside the viewport.
The element <div class=”col-md-4″></div> falls outside the viewport.

2. This problem seems to be regarding the blog carousel just above the header

Some of the links/buttons on your webpage may be too small for a user to easily tap on a touchscreen. Consider making these tap targets larger to provide a better user experience.
The following tap targets are close to other nearby tap targets and may need additional spacing around them.
The tap target The Golden Rul…dia Engagement and 3 others are close to other tap targets.

3. It is also saying “Eliminate render-blocking JavaScript and CSS in above-the-fold content”, and multiple files are listed after this message.

Need your help regarding fixing these problems.

Thanks in advance

Anirban