Close

Mobile User Experience

deselt
8 years ago
#11845 Quote
Avatar
  • 40
I run our webiste in PageSpeed inside and it show the flowing suggestion.
Consider Fixing:
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 376 CSS pixels wide, but the viewport is only 375 CSS pixels wide. The following elements fall outside the viewport:
The element <div class="title">Featured Categories</div> falls outside the viewport.
The element <a href="/mugs-cups">Mugs &amp; Cups</a> falls outside the viewport.
The element <img src="https://www.cy…s-cups_370.png"> falls outside the viewport.
The element <a href="/bike-chain-bracelets">Bike Chain Bracelet</a> falls outside the viewport.
The element <img src="https://www.cy…acelet_370.png"> falls outside the viewport.
The element <a href="/biker-patches">Biker Patches</a> falls outside the viewport.
The element <img src="https://www.cy…atches_370.png"> falls outside the viewport.
The element <a href="/helmets">Helmets</a> falls outside the viewport.
The element <img src="https://www.cy…elmets_370.png"> falls outside the viewport.
The element <a href="/rings">Biker Rings</a> falls outside the viewport.
The element <img src="https://www.cy…-rings_370.png"> falls outside the viewport.
The element <a href="/vest-extenders">Vest Extenders</a> falls outside the viewport.
The element <img src="https://www.cy…enders_370.png"> falls outside the viewport.
The element <a href="/guardian-bells">Guardian Bells</a> falls outside the viewport.
The element <img src="https://www.cy…-bells_370.png"> falls outside the viewport.
The element <a href="/derby-covers">Derby Covers</a> falls outside the viewport.
The element <img src="https://www.cy…covers_370.png"> falls outside the viewport.
The element <a href="/headlights">Headlights</a> falls outside the viewport.
The element <img src="https://www.cy…lights_370.png"> falls outside the viewport.
The element <img src="https://www.cy…009076_360.png"> falls outside the viewport.
The element <div class="post-details">Biker patches…d ...Read More</div> falls outside the viewport.
The element <img src="https://www.cy…008998_360.png"> falls outside the viewport.
The element <div class="post-details">Biker Rings  2…or...Read More</div> falls outside the viewport.
The element <img src="https://www.cy…08941_360.jpeg"> falls outside the viewport.
The element <div class="post-details">10 Beautiful J…ts...Read More</div> falls outside the viewport.
The element <img src="https://www.cy…08906_360.jpeg"> falls outside the viewport.
The element <div class="post-details">7 Pieces Of Mo…h ...Read More</div> falls outside the viewport.
The element <img src="https://www.cy…08908_360.jpeg"> falls outside the viewport.
The element <div class="post-details">10 Epic Motorc…a...Read More</div> falls outside the viewport.
The element <img src="https://www.cy…08910_360.jpeg"> falls outside the viewport.
The element <div class="post-details">Biker patches…f...Read More</div> falls outside the viewport.
The element <img src="https://www.cy…08912_360.jpeg"> falls outside the viewport.
The element <div class="post-details">What Your Home…w...Read More</div> falls outside the viewport.
The element <img src="https://www.cy…08914_360.jpeg"> falls outside the viewport.
The element <div class="post-details">How We Make Cu…h...Read More</div> falls outside the viewport.
The element <img src="https://www.cy…08916_360.jpeg"> falls outside the viewport.
The element <div class="post-details">Why confederat…ie...Read More</div> falls outside the viewport.
Hide details
YashChandra
8 years ago
#11848 Quote
Avatar
  • Moderator
  • 62
Hi,

Please supply the url to your website or even better the url or to the Page Speed report.

Thanks
Regards,
Milen Kovachev
Nop-Templates.com
deselt
8 years ago
#11849 Quote
Avatar
  • 40
https://www.cycleheart.com/
url=https%3A%2F%2Fwww.cycleheart.com%2Fhttps://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.cycleheart.com%2F
YashChandra
8 years ago
#11851 Quote
Avatar
  • Moderator
  • 62
Thanks for sending the report through! We are going to look into the report in details and I will let you know when we are done. Please expect a slight delay in the response time possibly till Monday as we are short in dev resources due to the national holidays, which are today and tomorrow.

I hope this is not going to be too much of a setback.
Regards,
Milen Kovachev
Nop-Templates.com
Boyko
8 years ago
#11870 Quote
Avatar
  • 1570
deselt wrote:
I run our webiste in PageSpeed inside and it show the flowing suggestion.
Consider Fixing:
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 376 CSS pixels wide, but the viewport is only 375 CSS pixels wide. The following elements fall outside the viewport:
The element <div class="title">Featured Categories</div> falls outside the viewport.
...


Hi deselt,

We have amended the styling to correct these warnings.
Please update the Brooklyn theme as explained in this article to get the updated css styles.

Thank you again for reporting this!

 
Regards,
Nop-Templates.com Team
deselt
8 years ago
#11875 Quote
Avatar
  • 40
Thank you for quick fix.