WordPress - Уменьшить вертикальное пространство между главным меню и слайдером

Question

Я создал тему Wordpress, но меня путают с CSS-кодом, где правила CSS должны менять отображение, чтобы сделать поворот слайдера меню и изображения ближе.

Я хотел бы уменьшить пространство между основным меню навигации и моей революции слайдера

Это мой сайт URL: http://www.warungrempong.com/

Я пытаюсь использовать этот CSS код:

.admin-bar .nav-container { 
    min-height: 0; 
} 

Но он не работает по желанию и работает только тогда, когда я использую его в своих браузерах.
Когда я пытаюсь изменить на своем веб-сайте, ничего не происходит.

Как я могу решить эту проблему?

Спасибо.

Answer 1

В style.css файл вашей активной темы ребенка (или темы), Вы должны добавить следующее:

.nav-container { 
    min-height: inherit !important; 
} 

При взгляде на сгенерированный исходный код главной страницы, кажется, что ваша тема встраивание некоторых правил CSS в HTML документе, так как у вас есть это (в строке 41 этого исходный код):

<style id='ebor-style-inline-css' type='text/css'> 
nav .pb80 { 
    padding-bottom: 0px; 
    padding-top:0px; 
} 
.pt120 { 
    padding-top: 0px; 
} 
.nav-container { /* ==========================> HERE ONE TIME */ 
    min-height: 0; 
} 
.logo { max-height: 300px; } 

.nav-container { /* ======================> HERE ANOTHER TIME 
      As this is the last instance, it get the priority on first one! */ 
    min-height: 491px; 
} 

.admin-bar .nav-container { 
    min-height: 523px; 
} 

@media all and (max-width: 767px){ 
    .nav-container { 
     min-height: 366px; 
    } 

    .admin-bar .nav-container { 
     min-height: 398px; 
    } 
} 

</style> 

так может быть вы должны добавить этот CCS правил себя где-то в вашей теме настроек. Лучше всего было бы удалить эти 2 повторяющиеся правила CSS, и ваша проблема должна быть решена без какой-либо необходимости ...