Sepet drop down menüsünü mobilde full screen yapma

Selamlar,

Sitedeki header kısmında açılan sepet drop down menüsünü mobil versiyonda full ekran yapmak istiyorum. Bir kaç deneme yaptım fakat tam responsive olmadı bazı ekranlarda dışarı kaymalar oluyor. Bu kodda ne gibi bir değişiklik yapmam gerekir sizce?

@media (max-width:1024px) {
#cart .dropdown-menu {
    margin: 0;
    padding: 0 20px 0 20px !important;
    width: 460px;
    height: 750px;
    right: -69px;
    list-style: none none;
    border: 0;
    background: #ffffff;
    margin-top: 17px;
    box-sizing: border-box;
    top: 100%;
    box-shadow: 0 0 18px 1px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 0 0 18px 1px rgb(0 0 0 / 7%);
}

width: 100%; verirsen normalde onun tam oturması lazım. Ama kapsayıcısının width'i de 100% olmalı. Ayriyetten right ve top değerleri de orayı bozar onları da düzeltmen gerekir. Yapamazsanız ücretli destek olabilirim.

İşlemiyor hocam bir şey engel oluyor onu çözemedim. %100 versem top right'a gerek olacağını sanmıyorum fit content olmuyor ama.