fix

htdocs/scss/app/head.scss

@@ -20,6 +20,7 @@
   font-size: 16px;
   left: 0;
   background-color: transparent;
+  display: inline-block;
 
   &:hover {
     border-radius: 4px;

htdocs/scss/app/mobile.scss

@@ -4,7 +4,7 @@ textarea {
   -webkit-overflow-scrolling: touch;
 }
 
-.head, .head-inner, .head-logo-wrap, .head-items {
+.head, .head-inner, .head-logo-wrap, .head-items, head-logo {
   display: block;
 }
 .head-logo {

skin/base.phps

@@ -173,11 +173,11 @@ function renderHeader(SkinContext $ctx, string $theme): string {
 $items = [
     //['url' => '/articles/', 'label' => 'articles'],
     ['url' => 'https://files.4in1.ws', 'label' => 'materials'],
-    ['url' => '/about/', 'label' => 'about'],
-    ['url' => 'javascript:void(0)', 'label' => $theme, 'label_id' => 'theme-switcher-label', 'theme_switcher' => true],
+    ['url' => '/about/', 'label' => 'about']
 ];
 if (\admin::isAdmin())
     $items[] = ['url' => '/admin/', 'label' => 'admin'];
+$items[] = ['url' => 'javascript:void(0)', 'label' => $theme, 'label_id' => 'theme-switcher-label', 'theme_switcher' => true];
 
 // here, items are rendered using for_each, so that there are no gaps (whitespaces) between tags