Size Content To Viewport For Mobile

[ricangem]

Hello, I was hoping someone could help me. I configured viewpoint , adding <meta name=viewport content="width=device-width, initial-scale=1"> to html_header.php. When I checked googles pagespeed insights for mobile, I got this message:

"Size content to viewport

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 985 CSS pixels wide, but the viewport is only 320 CSS pixels wide."

Is there a code that I would need to place? I honestly have been trying to fix this problem for days but no luck. My site is b e d r o o m d u v e t s p o t.com

Please, any help would be greatly appreciated. thank you.

[mc12345678]

Suggest incorporating the responsive diy template code available in the downloads responsive templates area...

[ricangem]

Hello, do you mean this http://www.zen-cart.com/downloads.php?do=file&id=1724

I forgot to mention that I was using zencart v1.3.9h

Sorry, what is this download used for?

[mc12345678]

It is used to create a template that adjusts itself based on the device being used to display the result and the size of the display. Ie. It is a mobile friendly modification to resize the content to the viewport. :) ought to solve your problem generally speaking.

[ricangem]

Ohhh, I see. But I'm not seeing any downloads for zencart v1.3.9h

Is there maybe another solution, a css code that I can place somewhere in my files? Thanks again.

[ricangem]

I have been reading information online and I believe it may have to do with css coding or maybe an image (widget) is causing the page content to be so wide, but I'm not sure. I found this information on the web that helped: http://www.feedthebot.com/mobile/con...-viewport.html

I'm still trying to figure this out. If anyone finds a solution to this problem, please let know.