Search missing from mobile display size

[jasalt]

I often come to search for a specific function docs via the https://phel-lang.org/ front page. With mobile however I find myself stuck with the search bar being hidden on screen smaller than ~1040px.

Evidence

Testing with iPhone 13 Mini, Safari/Firefox:

Front page:

Off-canvas / slide-out menu:

Solution

Modify template style to show search bar on mobile:

[jasalt]

Commits fixing in PR #105:

• cd86dd6
• 61e9290

[jasalt]

There is still issue with smallest screens with search box overflowing.
I'll look if padding on left side or search-box min-width could be adjusted..

[jasalt]

One culprit leading to overflow seems to be #search text input background-image (the "s" button image) with it's related padding-left: 40px; shifting the placeholder content to start after it.

I'll add a (min-width: 400px) media query to show that "s" button icon only below that size so it should work..

layout-2024-12-29_12.17.36.mp4