Удалить верхнее поле начальной загрузки 4 navbar

Question

У меня проблема с навигационной панелью начальной загрузки 4 - мне нужно удалить пустое пространство, которое появляется над навигационной панелью, но я не могу понять, почему он не работает. Это выглядит следующим образом при визуализации:

По умолчанию кажется, что он добавляет этот пробел, кто-нибудь знает, что я здесь сделал неправильно?

Код ниже:

<div class="row site-hero d-flex align-items-center justify-content-center">
        <div class="col navbar-row w-100">
            <nav class="navbar navbar-dark navbar-expand-md nomergy-nav">
                <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                 </button>
                 <a class="navbar-brand" href="#"><img height="30" src="/themes/nomergy/assets/images/2018/logo.png"> 
                 </a>
                 <a class="nav-link mob-profile" href="/login">
                    <i class="far fa-user nav-link"></i>
                </a>
                <div class="navbar-collapse collapse" id="navbarSupportedContent" aria-expanded="false" style="height: 0px;">
                    <ul class="navbar-nav ml-auto navbar-default">
                        <li>
                            <a class="nav-link" href="/about">My Links</a>
                        </li>
                    </ul>
                 </div>
            </nav>
        </div>

Answer 1

Примечание: Использование отрицательного поля в идеале не является предпочтительным

В вашем файле home.css,

.site-hero {
    ...
    min-height:750px;
    ...
}

Либо удалите min-height:750px;, либо, если вы не можете удалить его, переопределите, используя,

.site-hero {
    min-height:auto;
}