Обструкция меню невидимым элементом

Question

https://bethparmar.co.uk/

Влияние это только с домашней страницы, другие страницы работают, как и ожидалось.

Это сайт WordPress, и на домашней странице есть код, созданный с использованием старогометод школьного редактора, а не конструктор страниц.

Это странно, поскольку я пришел к выводу, что раздел «Мои программы» фактически блокирует возможность щелкать пункты меню, например, «Мастерские».

Если вы дважды щелкнете по пункту меню «Мастерская», откроется подменю, но действительные ссылки будут заблокированы div # pg-11-0 {section.

Мне кажется, что мне нужнодобавить некоторую форму невидимого пространства между элементами - но при этом он меняет макет страницы.

С помощью CSS я подумал, что, возможно, смогу заставить элемент меню быть «ontop», чтобы не быть заблокированнымдругим слоем ...

Я попытался сделать это, изменив положение меню: абсолютное;но не удалось.

Любая помощь, пожалуйста?

Answer 1

Я вижу, что вы даете position: absolute в вашем #site-header .navbar.navbar > .navbar-collapse > .navbar-nav > li > ul

Так что дайте z-index в вашем css.

 #site-header .navbar.navbar > .navbar-collapse > .navbar-nav > li > ul {
    z-index: 9
}

Answer 2

#site-header {
    z-index: 10;
    position: relative;
}

Добавление этого CSS-кода в CSS-файл вашей темы должно решить вашу проблему.