Avada Forums Community Forum Mobile Usability: Failing the Google Mobile Friendly Test

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • emn8or
    Participant
    Post count: 7

    Hi all.

    I’m using Avada on a few sites now and have been working hard to meet the ever-changing standards google want from websites. One of these is the Mobile friendly test (see https://search.google.com/test/mobile-friendly to test a page) and I’m finding mixed results. Mostly the sites seem to pass but I’ve noticed only the posts are failing with 2 issues:

    1. Content wider than screen
    2. Clickable elements too close together

    After a bit of trial and error, I’ve found if I set hide for the “blog title bar” found in Avada/Theme Options/Blog Page Title Bar” it passes the test ok in some cases but not others.

    My question is, does anyone else here have the same issue? Is there a solution to sort this out easily?

    Thanks in advance
    Emmanuel

    page52
    Participant
    Post count: 5

    Hi Theme Fusion,

    Any update here? I found the same thing and I hate to think how long my site wasn’t mobile friendly for! Will this be resolved in a future update perhaps?

    Thank you!
    Nat

    Michael C
    Keymaster
    Post count: 532

    @page52 the Avada theme is mobile friendly. If the test is failing then it will be set-up specific. Since you have active support you can submit a support ticket via – https://theme-fusion.com/support/submit-a-ticket/

    page52
    Participant
    Post count: 5

    Thanks Michael, I’ll do that!

    dmutty
    Participant
    Post count: 4

    It’s some kind of issue or bug with how Google Search Console interprets Avada sites for sure. It’s not a local problem or Avada user error. I’ve built a dozen websites on Avada, all different, some from scratch and some from Avada Demos. I also work with someone who’s built another ~20 sites on Avada. Google Search Console (GSC) spits out monthly Mobily Usability issues monthly for all of these sites. Most of the time when I tell GSC to validate the fix (I never fix anything, the mobile experience is always fine when I test on my devices), it comes back and validates everything as ok. But then weeks later, without making website changes, they claim mobile issues again. Whatever the reason, GSC doesn’t like how it reads Avada’s mobile layouts. It may not be Avada’s fault, but with how much emphasis Google is putting on mobile, and with Core Web Vitals going live as SEO ranking factors in 2021, this situation is not good for Avada site SEO.

    albertzhu
    Participant
    Post count: 1

    i have this problem too https://soxbyangus.com.au/, is it not good for seo result?

    lubrano
    Participant
    Post count: 4

    Hello,
    Same problem.3 errors for mobile. That came and disapear, then back again.
    I think it’s all about the privacy consent bar for RGPD. I have less problems with some custom CSS :
    ———————————————-

    /* Search console “3 errors mobile test” */

    @media
    screen and (max-width: 640px) {
    body #wrapper:not(.fusion-builder-ui-wireframe) .fusion-no-small-visibility {
    display: block !important;
    }
    .fusion-privacy-bar .fusion-privacy-bar-main {
    display: block; }

    .fusion-privacy-bar .fusion-privacy-bar-main .fusion-privacy-bar-acceptance {
    margin-left: 30px;
    align-content: center;
    display: block;
    margin-top: 30px;
    }
    .fusion-privacy-bar .fusion-privacy-bar-full {
    line-height: 2em !important;
    }
    }
    —————————————————-

    Better but not perfect.
    I don’t really know if it’s true. Google doesn’t tell exactly where is the problem.

    I hope it can help.

    Best regards.

    lubrano
    Participant
    Post count: 4

    PS : You also need to get the font size bigger everywhere, but in the privacy bar particularly (for mobile almost).

    lubrano
    Participant
    Post count: 4

    PS Number 2 : Also looks after the social icons (facebook, twitter, …) and add more margin all around.
    It’s fontawesome icons, an clickable, so google think it is TEXT that is too close for mobile (it was true for me).

    ——————————

    @media
    screen and (max-width: 1100px) {
    .fusion-social-networks.boxed-icons .fusion-social-network-icon {
    margin-top: 10px !important;
    margin-right: 20px !important;
    margin-bottom: 10px !important;
    margin-left: 20px !important;

    }
    .fusion-social-networks .fusion-social-network-icon {
    margin-top: 10px !important;
    margin-right: 20px !important;
    margin-bottom: 10px !important;
    margin-left: 20px !important;
    }
    }
    ———————————

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