Please consider moving the panel down the screen for mobile devices

[VlaK0r]

Hello! Thanks for your project.

Please consider moving the panel down the screen for mobile devices. Or consider other more convenient options for switching to the next entry on a mobile device. For example, a floating button.

[poblabs]

As something that may get you by as a quick "fix", try the CSS code below. Go to Settings > Custom Code and enter this in CSS. If it doesn't seem quite-right to you and your needs, adjust some of the "bottom" positioning.

It will mess up your top-of-screen alignment. Not sure how to fix that.

Note: I tried this on self-hosted

@media (max-width: 1024px) {
    .mantine-Header-root {
        position: fixed !important;
        top: initial !important;
        left: 0;
        bottom: 2rem;
        text-align: right;
    }
    .mantine-AppShell-main {
        padding-top: 0 !important;
    }
}

[VlaK0r]

[VlaK0r]

CSS code below

Please tell me, can the buttons on the panel be moved?

[Athou]

I added a setting to show the action buttons in the footer instead of the header on mobile.