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

**URL:** https://meta.discourse.org/t/dark-theme-page-is-not-mobile-friendly-by-google-search-console/153528
**Category:** UX
**Created:** [2 ביוני,‏ 2020,‏ 6:50am UTC](https://meta.discourse.org/t/dark-theme-page-is-not-mobile-friendly-by-google-search-console/153528 "2020-06-02T06:50:37Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![neounix](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neounix/32/215617_2.png) [@neounix](https://meta.discourse.org/u/neounix)
#### Post date: [2 ביוני,‏ 2020,‏ 6:50am UTC](https://meta.discourse.org/t/dark-theme-page-is-not-mobile-friendly-by-google-search-console/153528/1 "2020-06-02T06:50:37Z")

</div>

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

#### Page is not mobile friendly

 ![Screen Shot 2020-06-02 at 1.44.34 PM](https://global.discourse-cdn.com/meta/original/3X/4/c/4c099374f03ab0b18478533d9704fee0d868f37b.jpeg)

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:

 ![Screen Shot 2020-06-02 at 1.49.47 PM](https://global.discourse-cdn.com/meta/original/3X/9/a/9a322bdb35c159b18d5093c72606e0a3549bc09e.jpeg)

---

<div class="post-metadata">

### Author: ![neounix](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neounix/32/215617_2.png) [@neounix](https://meta.discourse.org/u/neounix)
#### Post date: [2 ביוני,‏ 2020,‏ 7:25am UTC](https://meta.discourse.org/t/dark-theme-page-is-not-mobile-friendly-by-google-search-console/153528/2 "2020-06-02T07:25:10Z")

</div>

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

```css
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:

 ![Screen Shot 2020-06-02 at 2.23.31 PM](https://global.discourse-cdn.com/meta/original/3X/0/5/05b44d498c7f4080267248611e0bb4bd267f918d.jpeg)

---

<div class="post-metadata">

### Author: ![neounix](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neounix/32/215617_2.png) [@neounix](https://meta.discourse.org/u/neounix)
#### Post date: [3 ביוני,‏ 2020,‏ 8:18am UTC](https://meta.discourse.org/t/dark-theme-page-is-not-mobile-friendly-by-google-search-console/153528/3 "2020-06-03T08:18:43Z")

</div>

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:

```css
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:

 ![Screen Shot 2020-06-03 at 2.40.09 PM](https://global.discourse-cdn.com/meta/original/3X/b/3/b3f11b9f3d91d3057cfa31b2ef7df6e76e836226.jpeg)

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

> **[Dark Theme: Page is not mobile friendly (by Google Search Console)](https://community.unix.com/t/dark-theme-page-is-not-mobile-friendly-by-google-search-console/378708/)**
>
> Might need to change the default theme to something other than the "Dark" theme as Google is complaining that the unmodified Dark Theme (OOTB) as our default theme: Page is not mobile friendly If we change the default theme, for example, to...

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [3 ביולי,‏ 2020,‏ 8:30am UTC](https://meta.discourse.org/t/dark-theme-page-is-not-mobile-friendly-by-google-search-console/153528/4 "2020-07-03T08:30:29Z")

</div>

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