Возникли проблемы с отображением навигационной панели моего сайта на ПК и мобильном устройстве

Question

У меня ограниченные навыки кодирования, и я создал для себя веб-сайт портфолио , используя WordPress, предварительно созданную тему под названием Ocean WP и плагин Elementor. Проблема, с которой я столкнулся ранее, заключалась в том, что в моем меню навигации была стрелка, указывающая раскрывающееся меню на одной из моих страниц.

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

/* eliminate dropdown arrow */
.elementor-navigation .menu-item-has-children > a:after {
   display:none;
}

В то время как код работал, чтобы удалить стрелку, он оставил мое меню навигации с неровным пробелом . Кроме того, я не уверен, как заставить этот код работать на планшетах / мобильных устройствах, потому что стрелка все еще показывает .

Answer 1

Вы спрятали стрелку, но не добавили лишний интервал для нее. Вот CSS без пробелов и стрелок:

.elementor-navigation .eldropdown-toggle {
    display: none;
}
.elementor-navigation .menu-item-has-children > a {
    margin-right: 0;
}
@media screen and (min-width: 56.875em)
    .elementor-navigation .menu-item-has-children > a {
      padding-right: 1em;
    }
}

Я бы порекомендовал вам сохранить стрелки раскрывающегося списка.