Dark Theme: Page is not mobile friendly (by Google Search Console)

FYI, using the unmodified Dark Theme (OOTB) as our default theme has resulted in GSC complaining:

Page is not mobile friendly

If we change the default theme, for example, to Graceful, GSE will not complain and Google will report the page mobile friendly.

It’s strange that when we look at Google’s view (the screenshot) Google is reporting the desktop view as mobile.

Possible to get this fixed, since we much prefer the Dark Theme, as default:

1 Like

OK. I fixed this in GSE by adding a tiny bit of CSS to the “Dark” theme:

td.posters > a > img{
    margin:2px;
}

It’s not a “perfect” solution but at least it will pass GSE (until a better solution is created) and the dreaded “This page is not mobile friendly” will disappear from Google search results:

5 Likes

An update for anyone interested.

Adding the 2px to make Google happy (no more “not mobile friendly” warnings for “Dark”), caused a line break when the user avatars were more than four, so I added a tiny bit of extra CSS and it looks great now:

td.posters > a > img{
    margin:2px;
}

td.posters > a:nth-child(5) > img{
    display:none;
}

See example screen image with the extra 2px and only four avatars. Looks good, I think (clean) and passes GSE now:

If anyone is interested, future updates (and more details) here:

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.