Skip to content

[Solo] Mobile navigation menu icon renders with uneven line thickness (sub-pixel rendering issue) #527

@derrickfarnell

Description

@derrickfarnell
Image

[Gemini wrote this report - I'm not knowledgeable about the issues in question.]

On mobile devices with high-density displays - in my case, Google Pixel 9a - the Solo theme navigation menu icon (the burger menu) renders unevenly. The bottom line appears noticeably thicker than the top line. This appears to be a sub-pixel rendering artifact caused by using 1px height CSS pseudo-elements for the lines rather than an SVG. Rebuilding the icon using an SVG, or adjusting the container geometry to force alignment to the physical pixel grid, would likely resolve the anti-aliasing bleed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions