app/template/default/Block/header_search.twig line 1

Open in your IDE?
  1. <div class="container d-flex justify-content-center header-search-container">
  2.     {# <ul class="list-group list-group-horizontal"> #}
  3.     <ul class="list-group-horizontal">
  4.         <li class="flex-fill">
  5.             <a href="{{ url('product_list') }}?category_id[]=169">汎用パーツ・用品</a>
  6.         </li>
  7.         <li class="flex-fill">
  8.             <a href="{{ url('product_list') }}?category_id[]=170">ライダーギア</a>
  9.         </li>
  10.         <li class="flex-fill">
  11.             <a href="{{ url('product_list') }}?category_id[]=171">トレーラー(SUNTREX)</a>
  12.         </li>
  13.         <li class="flex-fill">
  14.             <a href="{{ url('product_list') }}?category_id[]=172">テクニカルサービス</a>
  15.         </li>
  16.     </ul>
  17. </div>
  19. <style type="text/css">
  20.     .header-search-container a{
  21.         display: block;
  22.         color: #333333;
  23.         padding: 15px
  24.     }
  25.     .header-search-container ul{
  26.         display: flex;
  27.         padding-left: 0;
  28.         margin-bottom: 0;
  29.     }
  30.     .header-search-container li{
  31.         position: relative;
  32.         display: block;
  33.         text-decoration: none;
  34.         padding: 0;
  35.     }
  36.     .header-search-container li:hover{
  37.         background: rgba(150,179,217,0.5);
  38.     }
  39. </style>