Как остановить прокрутку вправо или убрать панель навигации, когда она не нажата?

Question

Это мой css. Даже после установки overflow-x на скрытый пользователь мобильной версии все еще может прокручивать вправо. Это выглядит ужасно. Как мне остановить этот свиток. По каким причинам мой переполнение-x: скрытый не работает. Я приложил некоторые изображения для справки. CSS код ниже ЭТО ИЗОБРАЖЕНИЯ

@media screen and (max-width:768px){

    body{
        overflow-x: hidden;
    }
    .nav-links{
            position: absolute;
            right:0px;
            height: 92vh;
            top: 15vh;
            background-color:rgb(44, 37, 37);
            display:flex;
            flex-direction: column;
            align-items: center;
            width: 50%;
            transform: translateX(100%);
            transition: transform 0.5s ease-in;
    }

Answer 1

Эта проблема вызвана тем, что ширина внутреннего блока больше ширины. Или используя ненужную строку (для начальной загрузки). Поэтому сначала нужно проверить код html.