Уменьшение высоты страницы

Question

У меня есть страница на мобильном телефоне, где я пытался сделать все черным.

Я сделал это следующим образом:

@media (max-width: 768px) 
{body, html.page-id- 
28{background-color: 
black! important;}}

@media (max-width: 768px) 
{. parallax-window 
{background-color: black! 
important;}}

Я хотел бы уменьшить высоту страницы В любом случае, так что попробовал:

 @media (max-width: 768px) {.page-id-28{height: 600px
!important}}

Не сработало.

Так что теперь половина страницы черная, половина белая, и я не могу отрегулировать высоту даже при important здесь . Кажется, что fla sh черный, когда страница загружается, но затем становится белым.

Что вызывает это?

<div class="parallax-window fullscreen" data-parallax="scroll" data-image-src="http://4309.co.uk/wp-content/uploads/2019/08/download-2.png" data-ios-fix="true" data-over-scroll-fix="true" data-android-fix="true">
            <div class="align-transform">

                    <div class="row">


                        <div class="top-parallax-section">
                            <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center">

Answer 1

Вам необходимо удалить height: 600px !important в этом css, также у вас есть много фиксированной высоты в css, нужно удалить ее в @media для мобильных устройств.

@media (max-width: 768px)
.parallax-window {
    background-color: black !important;
    /* height: 600px !important; */
    top: -400px;
}