Css, фиксированная позиция не работает на мобильном телефоне

Question

У меня есть этот сайт: davdev.co.il/broker

там у меня есть div с этими правилами:

.contact-mobile{
    position: fixed !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding: 15px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    max-width: 100vw;
    background-color: $black;
    opacity: 0.9;

    a{
        min-width: 25%;
        text-align: center;
        padding: 5px;
        i{
            color: #fff;
        }
        &:hover{
            opacity: 1;
            i{
                color: $black;
            }
            background-color: $green;

        }
    }
}

по какой-то причине я не могу понять, появляется ли divпосле прокрутки, и он не всегда фиксируется в нижней части, как и должно быть.

На рабочем столе положение зафиксировано и прекрасно работает.Проблема только в мобильном телефоне.

Это изображение div, расположенного внизу с красной рамкой