@Wilson1

Как правильно прописать HTML код в меню?

Здравствуйте!
Корректирую меню в HTML шаблоне.
В исходном шаблоне в аккордион-меню в некоторых пунктах указана стрелочка для раскрытия - как мне её убрать с меню: "Главная" и "О нас" ?
Спасибо!

<div class="col-8">
                <div class="navgition-menu d-flex align-items-center justify-content-center">
                  <ul class="mb-0">
                    <li class="toggleable"> <a class="menu-item active" href="index.html">Главная</a>
                      
                    </li>
                    <li class="toggleable"> <a class="menu-item" href="#">Магазин</a>
                      <ul class="sub-menu shop d-flex">
                        <div class="nav-column">
                          <h2>Фрукты</h2>
                          <li><a href="shop_grid+list_fullwidth.html">Shop grid fullwidth</a></li>
                          <li><a href="shop_grid+list_fullwidth.html">Shop list fullwidth</a></li>
                          <li><a href="shop_grid+list_3col.html">shop grid 3 column</a></li>
                          <li><a href="shop_grid+list_3col.html">shop list 3 column</a></li>
                        </div>
                        <div class="nav-column">
                          <h2>Овощи</h2>
                          <li><a href="shop_detail_fullwidth.html">shop detail fullwidth</a></li>
                          <li><a href="shop_detail.html">shop detail sidebar</a></li>
                        </div>
                        <div class="nav-column">
						 <h2>Ягоды</h2>
                          <li><a href="shop_detail_fullwidth.html">shop detail fullwidth</a></li>
                          <li><a href="shop_detail.html">shop detail sidebar</a></li>
                        </div>
                        <div class="nav-column">
						<h2>Орехи</h2>
                          <li><a href="shop_detail_fullwidth.html">shop detail fullwidth</a></li>
                          <li><a href="shop_detail.html">shop detail sidebar</a></li>
                        </div>
                        <div class="nav-column">
						
                          <h2>Здоровое питание</h2>
                          <li><a href="shop_checkout.html">Мюсли</a></li>
                          <li><a href="shop_order_complete.html">Мука</a></li>
                          <li><a href="shop_wishlist.html">Сахар</a></li>
                          <li><a href="shop_compare.html">compare</a></li>
                          <li><a href="shop_cart.html">cart</a></li>
                        </div>
                      </ul>
                    </li>
                    <li class="toggleable"><a class="menu-item" href="#">Инфо</a>
                      <ul class="sub-menu">
                        <li><a href="news.html">Новости</a></li>
                        <li><a href="info.html">Статьи</a></li>
                        
                      </ul>
                    </li>
                    <li class="toggleable"> <a class="menu-item" href="about_us.html">О нас</a>
                      
                        </li>
                      
                   
                    <li class="toggleable"><a class="menu-item" href="contact_us.html">Контакты</a></li>
                  </ul>
                </div>
              </div>
  • Вопрос задан
  • 69 просмотров
Пригласить эксперта
Ответы на вопрос 1
criticalsomethoughts
@criticalsomethoughts
UI\UX Developer, Project Manager
Убрать класс toggleable у элементов li "Главная" и "О нас".
Если вам нужно убрать только визуальную составляющую стрелку, открываете Devtools(F12), и смотрите каким псевдоклассом сделана стрелка, и убираете её у определенных элементов с помощью nth-child.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы