[Bug] Burger menu in settings is hidden with "Always displayed" on mobile device #462

New issue

Open

opened 2025-12-08 11:01:26 +01:00 by shoneg · 1 comment

shoneg commented

2025-12-08 11:01:26 +01:00

Environment

Custom menu version: 5.1.3
Nextcloud version: 32.0.2
PHP version: 8.3.28
Web server (Nginx, Apache2): I'm using the Docker-Image (I think its Apache2)
Web browser and version (Firefox 80, Google Chrome 74, etc): Mozilla Firefox 145.0.2

Configuration

{
  "add-logo-link": true,
  "always-displayed": true,
  "apps-categories-custom": {
    "files": "multimedia",
    "memories": "multimedia",
    "mail": "social",
    "activity": "social",
    "contacts": "social",
    "announcementcenter": "social",
    "calendar": "organization",
    "forms": "organization",
    "polls": "organization",
    "external_index4": "external_links",
    "external_index5": "external_links",
    "external_index3": "external_links"
  },
  "apps-order": [
    "dashboard",
    "files",
    "memories",
    "mail",
    "contacts",
    "calendar",
    "announcementcenter",
    "forms",
    "polls",
    "activity",
    "external_index4",
    "external_index5",
    "external_index3"
  ],
  "background-color": "#E4362D",
  "background-color-opacity": 100,
  "background-color-to": "#ea5f57",
  "big-menu": false,
  "big-menu-hidden-apps": [
    "0",
    "dashboard",
    "photos"
  ],
  "categories-custom": [],
  "categories-order": [
    "multimedia",
    "social",
    "organization",
    "external_links"
  ],
  "categories-order-type": "custom",
  "current-app-background-color": "#b72c24",
  "dark-mode-background-color": "#b72c24",
  "dark-mode-background-color-opacity": 100,
  "dark-mode-background-color-to": "#b72c24",
  "dark-mode-current-app-background-color": "#a02620",
  "dark-mode-icon-invert-filter": 0,
  "dark-mode-icon-opacity": 100,
  "dark-mode-loader-color": "#ea5f57",
  "dark-mode-opener": "side-menu-opener-dark",
  "dark-mode-text-color": "#000000",
  "default-enabled": true,
  "display-logo": true,
  "external-sites-in-top-menu": false,
  "force": false,
  "force-light-icon": false,
  "icon-invert-filter": 0,
  "icon-opacity": 100,
  "loader-color": "#ea5f57",
  "loader-enabled": true,
  "opener": "side-menu-opener",
  "opener-hover": true,
  "opener-only": false,
  "opener-position": "before",
  "show-settings": false,
  "side-with-categories": false,
  "size-icon": "normal",
  "size-text": "normal",
  "target-blank-apps": [],
  "text-color": "#000000",
  "top-menu-apps": [
    "0"
  ],
  "top-menu-mouse-over-hidden-label": 0,
  "top-side-menu-apps": [
    "0"
  ],
  "use-avatar": false
}

Steps to reproduce

Activate custom menu with "always displayed" and navigate to Nextcloud settings on a mobile device.

Observed Results

You cannot see the burger menu to switch betrween security, personal information, etc. The problem does only exists on mobile devices and not with the default custom menu.
It's still posible to open the side menu with slide to the right, but this is not intuitive for most users.

Expected Results

No response

More informations

I've attacht some screenshots, but for a better understanding I've also recorded a video. You can find it here: https://e.pcloud.link/publink/show?code=XZeWUAZ3shh4TD1KlYu4xjqaNjHLmdbNGyy

### Environment * Custom menu version: 5.1.3 * Nextcloud version: 32.0.2 * PHP version: 8.3.28 * Web server (Nginx, Apache2): I'm using the Docker-Image (I think its Apache2) * Web browser and version (Firefox 80, Google Chrome 74, etc): Mozilla Firefox 145.0.2 ### Configuration ``` { "add-logo-link": true, "always-displayed": true, "apps-categories-custom": { "files": "multimedia", "memories": "multimedia", "mail": "social", "activity": "social", "contacts": "social", "announcementcenter": "social", "calendar": "organization", "forms": "organization", "polls": "organization", "external_index4": "external_links", "external_index5": "external_links", "external_index3": "external_links" }, "apps-order": [ "dashboard", "files", "memories", "mail", "contacts", "calendar", "announcementcenter", "forms", "polls", "activity", "external_index4", "external_index5", "external_index3" ], "background-color": "#E4362D", "background-color-opacity": 100, "background-color-to": "#ea5f57", "big-menu": false, "big-menu-hidden-apps": [ "0", "dashboard", "photos" ], "categories-custom": [], "categories-order": [ "multimedia", "social", "organization", "external_links" ], "categories-order-type": "custom", "current-app-background-color": "#b72c24", "dark-mode-background-color": "#b72c24", "dark-mode-background-color-opacity": 100, "dark-mode-background-color-to": "#b72c24", "dark-mode-current-app-background-color": "#a02620", "dark-mode-icon-invert-filter": 0, "dark-mode-icon-opacity": 100, "dark-mode-loader-color": "#ea5f57", "dark-mode-opener": "side-menu-opener-dark", "dark-mode-text-color": "#000000", "default-enabled": true, "display-logo": true, "external-sites-in-top-menu": false, "force": false, "force-light-icon": false, "icon-invert-filter": 0, "icon-opacity": 100, "loader-color": "#ea5f57", "loader-enabled": true, "opener": "side-menu-opener", "opener-hover": true, "opener-only": false, "opener-position": "before", "show-settings": false, "side-with-categories": false, "size-icon": "normal", "size-text": "normal", "target-blank-apps": [], "text-color": "#000000", "top-menu-apps": [ "0" ], "top-menu-mouse-over-hidden-label": 0, "top-side-menu-apps": [ "0" ], "use-avatar": false } ``` ### Steps to reproduce Activate custom menu with "always displayed" and navigate to Nextcloud settings on a mobile device. ### Observed Results You cannot see the burger menu to switch betrween security, personal information, etc. The problem does only exists on mobile devices and not with the default custom menu. It's still posible to open the side menu with slide to the right, but this is not intuitive for most users. ### Expected Results _No response_ ### More informations I've attacht some screenshots, but for a better understanding I've also recorded a video. You can find it here: https://e.pcloud.link/publink/show?code=XZeWUAZ3shh4TD1KlYu4xjqaNjHLmdbNGyy

Bildschirmfoto_2025-12-08_10-48-44.jpg

46 KiB

Bildschirmfoto_2025-12-08_10-49-04.jpg

58 KiB