Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #249423

    Google PageSpeed Insight report -
    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 480 CSS pixels wide, but the viewport is only 320 CSS pixels wide. The following elements fall outside the viewport:The element <span class=”avia-menu-text”>Home</span> falls outside the viewport.
    The element <span class=”avia-menu-text”>Services</span> falls outside the viewport.
    The element <span class=”avia-menu-text”>Portfolio</span> falls outside the viewport.

    I’ve noticed this – the menu is on the right hand side hidden, but you can scroll to see it. If the menu button is tapped, it will slide out. Your website has the same issue reported.

    Thanks

    #249544

    Hi xyzb!

    Thank you for using support forum!

    In my opinion this is not really a big deal as long as you can see the content on mobile devices with 320px screen width. Please try to add this on Quick CSS or custom.css:

    @media all screen and (max-width: 380px) {
      .responsive .container {
        width: 300px;
        margin: 0 auto;
      }
    }

    This will force the container to resize to 300px on devices with 380px screen width or less.

    Regards,
    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.