Как добавить подчёркивание пунктов меню под шапкой сайта при наведении?

Чтобы добавить подчёркивание пунктов меню под шапкой сайта при наведении на них, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте следующий код:

/* Добавить подчёркивание пунктов меню под шапкой сайта */
.main-navigation ul li>a:hover, .main-navigation ul li>span {
  color: #4d3bfe !important;
}

.main-navigation ul li>:hover:before, .main-navigation ul li>span:hover:before {
  transform: scaleX(1);
}

.main-navigation ul li>a:before, .main-navigation ul li>span:before {
  content: '';
  position: absolute;
  top: unset;
  left: unset;
  right: unset;
  bottom: 0;
  width: 40%;
  height: 2px;
  background: #4d3bfe;
  transform: scaleX(0);
  transform-origin: center center;
  transition: all .2s;
}

Цвет #4d3bfe можно изменить на другой.