@media (max-width: 400px) {
    /* Set minimum width and ensure horizontal scroll */
    html {
        min-width: 400px !important;
        overflow-x: auto !important;
        overflow-y: visible !important; /* Don't clip vertical content */
    }

    body {
        min-width: 400px !important;
        overflow-x: visible !important; /* Let html handle horizontal scroll */
    }

    /* Unfix the navbar so it scrolls with the page */
    .header-navbar {
        position: absolute !important;
        min-width: 366px !important;
        width: auto !important;
        left: 0 !important;
    }
}