модальное отступление сверху на экране планшета, но не на экране рабочего стола

Question

вид рабочего стола:

вид планшета:

модал воспроизводит after заголовок навигации в desktop view, но в tablet view есть gap между navigation header и modal.
какубрать этот пробел и сделать структуру макета такой же, как на рабочем столе?

div#modal.modal {
 display: block;
 opacity: 1;
 transform: scaleX(1);
 margin-top: 0vh;
 margin-right: 1px;
 width:40%;
 z-index:1;
 height:100% !important;

}

Answer 1

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

альтернативное решение:

используйте media query и задайте margin-top отрицательное значение .

 @media only screen and (max-width: 768px){
    div#modal.modal{
        margin-top: -[value]
       }
    }