W
W
Wilson12019-10-14 07:01:30
HTML
Wilson1, 2019-10-14 07:01:30

How to write HTML code in the menu?

Hello!
Correcting the menu in the HTML template.
In the original template in the accordion menu, in some paragraphs there is an arrow for disclosure - how can I remove it from the menu: "Home" and "About us"?
Thank you!

<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>

Answer the question

In order to leave comments, you need to log in

1 answer(s)
R
Robert-critical-thoughts, 2019-10-14
@criticalsomethoughts

Remove the class toggleablefrom the li elements "Home" and "About us".
If you only need to remove the visual component of the arrow, open Devtools(F12) and see what pseudo-class the arrow is made of, and remove it from certain elements with nth-child.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question