Как показать боковую вкладку на общем экране в Mobile View?

Question

У меня проблема с моей боковой вкладкой.

Когда я нажимаю на иконку, в правой части экрана появляется вкладка.

Итак, когда экран переходит на мобильные размеры, я хотел бы видеть боковую вкладку на всех экранах.

HTML

<div class="d-block sideTabResp">
    /***/
</div>

CSS

.sideTabResp {
    height:100%;
    position: fixed;
    top: 0;
    right: calc(-100vw);
    width: calc(30vw);
    background-color: rgba(255, 255, 255, 0.9);
    transition: right ease 0.5s;
    padding-top: 25px;
    overflow-x: hidden;
    overflow-y: auto;
}

Я пробовал что-то вроде @mediaquery, но не смог этого сделать.

Есть предложения?

Answer 1

Добро пожаловать на SO.

Вы знаете ответ на свой вопрос, вам просто нужно получить больше информации.Проверьте W3Schools и узнайте, как Bootstrap используется для управления сеткой и медиазапросами

Попробуйте добавить это в таблицу стилей

@media screen and (max-width: 768px) {
    .sideTabResp {
        width: 100%;
        right: 0;
        left: 0;
    }
}