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%);
}