No search on pod.hubbe.net on mobile

orntar · February 3, 2026, 6:56pm

I don’t think its just me, I have tried Vivaldi (chrome) and Firefox/Waterfox.

on a mobile browser, I do not have a search box that is usually available on the desktop version. My workaround has been to set the desktop page, then search, then revert to mobile.

profezzorn · February 3, 2026, 8:28pm

Hmm, it seems to be based on the width of the page rather than mobile/desktop.
If you turn your phone sideways, the search bar reappears.

orntar · February 3, 2026, 8:37pm

Ah, interesting.

Thats pretty easy to do. Thanks!

profezzorn · February 3, 2026, 10:26pm

I created an issue for this:

orntar · February 3, 2026, 10:45pm

Great! I have some html experience, I could look into it.

Where would this section/header be found? css?

profezzorn · February 3, 2026, 11:03pm

Most of the CSS lives here if I remember correctly:

github.com

profezzorn/ProffieOSDocs/blob/0806e1573011b59ad88c9498c026ac6f97bbb8fb/_sass/pod.scss

:target::before {
  content: "";
  display: block;
  height: 65px; /* fixed header height*/
  margin: -65px 0 0; /* negative fixed header height */
}
		  

.search-container input[type=text] button {
  padding: 6px;
  margin-top: 8px;
  font-size: 14px;
  border: none;
}
.search-container {
          color: white;
          border: 1px solid #5d910b;
          background: linear-gradient(#93bd20, #659e10);
          border-radius: 2px;
          box-shadow: inset 0px 1px 0px rgba(255,255,255,.3), 0px 3px 7px rgba(0,0,0,.7);

This file has been truncated. show original

The actual HTML for the search box is here:

github.com

profezzorn/ProffieOSDocs/blob/0806e1573011b59ad88c9498c026ac6f97bbb8fb/_layouts/default.html#L63


      
              <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
              {% include head-custom.html %}
            </head>
            <body>
                <div id="header">
                  <nav>
                    <ul>
          	    <li class="fork"><font size=+2 onclick="location.href='/'">ProffieOS Documentation</font></li>
                      <li class="downloads"><a href="{% github_edit_link %}">&#x270E;</a></li>
                      <li class="downloads"><a href="{{ site.github.repository_url }}"><img src="/images/github-mark.svg" width=12 height=12 /></a></li>
                      <li class="downloads"><div class=search-container><form action="/search.html" ><input type=text name=q size=10 placeholder="Search.." /><button type="submit">&#128269;</button></form></div></li>
                      <!-- <li class="downloads"><a href="{{ site.github.repository_url }}">View On GitHub</a></li> -->
          	   
                      {% if site.show_downloads %}
                        <li class="downloads"><a href="{{ site.github.zip_url }}">ZIP</a></li>
                        <li class="downloads"><a href="{{ site.github.tar_url }}">TAR</a></li>
                        <li class="title">DOWNLOADS</li>
                      {% endif %}
                    </ul>
                  </nav>
                </div><!-- end header -->