8

When viewing a user profile on a mobile site, the badge icons are overlayed with a white circle. This seems to happen across sites and badge types. I observed this both on Chrome 95.0 and Firefox 94.0.

A few examples:

Meta SE: Enthusiast badge with icon

Math SE: Strunk & White badge with icon

Aviation SE: Nice Answer badge with icon

Looking at the page source, the difference between the desktop and mobile sites seems to be (for gold badges, in this example):

Desktop:

<span class="badge1"></span>

Mobile:

<span class="badge1">●</span>
Improve this question
1
  • I find this strangely reminiscent of "the bling" misalignment, elusive little dot isn't it?! Always showing up where you least expect it...
    – bad_coder
    Commented Nov 9, 2021 at 22:08

2 Answers 2

Reset to default
5

The mobile version of SE is not being developed by the developers anymore. So switch to the responsive version, click the "full site" button on the bottom of the page.

There are plenty of bugs about the mobile-web. Even on the tag description it mentions:

For questions about the (now deprecated) mobile versions of Stack Exchange sites.

Improve this answer
4

I noticed this too. The solution is to go to the home page of the site, then tap on "full site" at the bottom. Since I have only seen this happen when viewing the new profile page with the old mobile site active, I doubt it will be fixed as the old mobile site is in the process of being removed.

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .