Wordpress Bottom-Fixed Navigation Bar в Divi Theme

Question

Я пытаюсь разместить основную навигацию моего сайта под компонентом изображения, используя тему Divi, используя положение: фиксированное и нижнее: 0px, но безрезультатно. Что я делаю неправильно, и как я могу это сделать? Должен ли я поддерживать высоту компонента изображения, используя проценты? потому что каждый раз, когда я пытаюсь это сделать, класс, содержащий этот div, переопределяет его. Это своего рода взгляд, я иду:

Here страница Я работаю с.

Answer 1

Число необходимых изменений.

Сначала удалите встроенный style="top:0px" для элемента #main-header.

Затем удалите top:0 и изменения в bottom:0 в

#main-header { 
    line-height: 23px; 
    font-weight: 500; 
    /*top: 0;*/ 
    bottom: 0; 
    background-color: #fff; 
    width: 100%; 
    padding: 18px 0 0 0; 
    min-height: 43px; 
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); 
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); 
    -moz-transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 
    position: relative; 
    z-index: 99999; 
} 

Наконец, для #page-container, изменить padding-top: 78px к padding-top: 0px

Answer 2

В вас header.php, удалите top: 0

HTML

<header class="et_nav_text_color_dark" id="main-header" style="top:0"></header> 

к этому:

<header class="et_nav_text_color_dark" id="main-header"></header> 

CSS

В вашем CSS удалить top: 0 из #main-header и добавьте ниже свойства

#main-header { 
    bottom: 0; 
} 

.et_fixed_nav #page-container { 
    padding-top: 0 !important; 
} 

Выход: