Мне не удалось удалить стрелку раскрывающегося меню в моем меню, используя любой метод, который я нашел в Интернете.Вот меню, я не очень разбираюсь в Foundation, поэтому я подозреваю, что меню неправильно.Черновик можно найти здесь .Спасибо за любую помощь, которую вы можете мне дать.
<div class="row show-for-medium">
<div class="column large-12">
<div class="title-bar-left">
<img src="assets/img/ties_logo_header.jpg" class="site-logo"/>
</div>
<div class="title-bar-right" data-responsive-toggle="main-menu" data-show-for="medium"></div>
<div class="top-bar" id="main-menu">
<ul class="dropdown menu align-right" data-responsive-menu="medium-accordion">
<li><a href="#">About Us</a></li>
<li><a href="#">Our Team</a></li>
<li class="active"><a class="menu-item" href="#">Our Services</a></li>
<li><a href="#">News & Resources</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Dropdown</a>
<ul class="vertical menu is-dropdown-submenu-parent" style="position:absolute;z-index:10;">
<li><a href="#">Item 1A</a></li>
<li><a href="#">Item 1B</a></li>
<li><a href="#">Item 1C</a></li>
<li><a href="#">Item 1D</a></li>
<li><a href="#">Item 1E</a></li>
</ul>
</ul>
</div>
</div>
</div>
Единственное исправление CSS, которое я могу найти, но не сработало:
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
content: none !important; }
.dropdown.menu .is-dropdown-submenu-parent.is-left-arrow > a::after {
content: none !important; }
.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
content: none !important; }