diff --git a/BTCPayServer/wwwroot/cart/css/style.css b/BTCPayServer/wwwroot/cart/css/style.css index e7d110670..f2d347b2f 100644 --- a/BTCPayServer/wwwroot/cart/css/style.css +++ b/BTCPayServer/wwwroot/cart/css/style.css @@ -60,7 +60,6 @@ } #sidebar { - margin-right: -400px; width: 400px; position: fixed; top: 0; @@ -73,13 +72,13 @@ transition: all 0.3s; -webkit-overflow-scrolling: touch; } - -#sidebar.active { - margin-right: 0; +#sidebar .js-cart { + display: none; } -#sidebarCollapse span { - display: none; + +#sidebar.active { + margin-right: -400px; } /* --------------------------------------------------- @@ -87,7 +86,7 @@ ----------------------------------------------------- */ #content { - width: 100%; + width: calc(100% - 400px); min-height: 100vh; transition: all 0.3s; position: absolute; @@ -96,7 +95,7 @@ } #content.active { - width: calc(100% - 400px); + width: 100%; } .bg-gray { @@ -110,6 +109,27 @@ MEDIAQUERIES ----------------------------------------------------- */ +@media (max-width: 768px) { + #sidebar { + margin-right: -400px; + } + #sidebar .js-cart { + display: inline; + } + #sidebar.active { + margin-right: 0; + } + #content { + width: 100%; + } + #content.active { + width: calc(100% - 400px); + } + #sidebarCollapse span { + display: none; + } +} + @media (max-width: 575px) { #sidebar { width: 100%;