Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 1, 2015 at 8:41 pm #422149
    foxfirecr8

    When I tested my site that uses Enfold it says that it doesn’t pass the Mobile Friendly test because the content is wider than the screen and the links are too close together.

    When I run the PageSpeed test, I get similar issues. It looks like the <span class=”avia-menu-text”> is the problem.
    How can I fix this?

    One user in the forum suggested this additional CSS:
    .responsive .container {
    max-width: 1010px !important;
    }

    However adding it didn’t change the test results.
    The site is http://www.securitycentralinc.com/

    Thanks!

    April 2, 2015 at 6:06 pm #422667
    Elliott

    Hi foxfirecr8!

    You have your body set to a min-width of 600px.

    body {
  font-family: "Open Sans",sans-serif;
  font-size: 15px;
  line-height: 1.6em;
  min-width: 600px;
}

    That’s going to cause problems on small mobile devices.

    Best regards,
    Elliott

    April 2, 2015 at 8:13 pm #422742
    foxfirecr8
    This reply has been marked as private.
    April 3, 2015 at 6:41 pm #423224
    Elliott

    Hi!

    I cleared my cache and checked your site again but I still see the min-width CSS in your source code. Your using a minify plugin it looks like. Try deactivating that and clear the cache of any caching related plugins you might have installed.

    Regards,
    Elliott

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.