Stray character at the menu button

Why it matters

It looks careless, right in the place every visitor looks first. Often it comes from a general style meant for something else.

How Snaglist checks it

Snaglist reads the ::before and ::after of the menu button and everything inside it, closed and open. Empty content, like the bars of a hamburger, and icon fonts do not count. A summary used as menu button that still shows its triangle is reported too.

Common causes

• A style for expandable questions (summary::after with a plus) that also hits the menu button
• The default triangle of a summary element
• An arrow from a theme style for dropdown menus

How to fix it

1. Limit the style to the questions themselves, with their own class.
2. Or set content: none on ::before and ::after of the menu button.
3. For a summary: list-style: none, and hide ::-webkit-details-marker for Safari.
4. Check the page again after the next crawl.