Merhaba arkadaşlar.
Jannah Teması ile ilgili bir sorunum var.
Blog yazılarının sol tarafında eklenebilen Story Index ( Bir Nevi Table of Content) ekleme bölümü var. Bu alan Pc'de sorunsuz olarak çalışabiliyor. Ancak mobilde çalışma ile ilgili sorun var.


Resimlerde görüldüğü gibi İlk fotoğraf Pc ve ikinci fotoğraf mobil görünümde. Ancak dediğim gibi chrome, firefox gibi mobil tarayıcılarda bu görüntüyü alamıyorum.
#story-index.is-fixed {
    opacity: 1;
    min-height: unset !important
}

#story-index .story-index-content {
    padding: 15px 10px
}

#story-index:not(.is-compact) .story-index-content {
    background-color: #ffffff;
    display: block !important
}

.dark-skin #story-index:not(.is-compact) .story-index-content {
    background-color: #27292d !important
}

#story-index li {
    margin-bottom: 15px
}

#story-index li:last-child {
    margin-bottom: 0
}

#story-index li a {
    color: var(--base-color);
    opacity: 0.7
}

#story-index li a:hover {
    opacity: 1
}

#story-index li .is-current {
    color: var(--brand-color);
    opacity: 1;
    margin-left: 10px
}

#story-index.is-compact,.one-column-no-sidebar #story-index.is-compact {
    left: -15px
}

.magazine2 #story-index.is-compact {
    left: -35px
}

.magazine2.boxed-layout #story-index.is-compact {
    left: -53px
}

.post-layout-8 #story-index.is-compact {
    left: -38px
}

#story-index.is-compact .story-index-content {
    background: var(--brand-color);
    display: none
}

#story-index.is-compact .story-index-content li a {
    opacity: 0.6;
    color: var(--bright-color)
}

#story-index.is-compact .story-index-content li a:hover,#story-index.is-compact .story-index-content li .is-current {
    opacity: 1
}

#story-index.is-compact #story-index-icon {
    display: inline-block
}

@media (max-width: 1280px) {
    .post-layout-8 #story-index,.magazine2 #story-index {
        left:0
    }
}

@media (max-width: 1305px) {
    .magazine2.boxed-layout #story-index {
        left:0
    }
}

@media (max-width: 992px) {
    #story-index {
        left:0 !important
    }
}

#story-index-icon {
    font-size: 18px;
    background: var(--brand-color);
    color: var(--bright-color);
    padding: 10px;
    display: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%)
}
Yukarıda ilgili css kodunu paylaşıyorum. Acaba nasıl bir değişiklik yapmalıyım?