templates/layout/includes/search-popup.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .search-suggestions-mobile {
  3.         min-width: 100%; /* ancho mínimo de 600px */
  4.         max-width: 100%;/* ajustar el ancho máximo permitido según sea necesario */
  5.     }
  7.     .search-suggestions-mobile li a {
  8.         width: 100%;
  9.     }
  10.     #search-box-mobile::placeholder {
  11.         color: #FF0000;
  13.     }
  14. </style>
  15. <div id="search-popup" class="search-drawer d-md-none">
  16.     <div class="container">
  17.         <span class="closeSearch an an-times-l"></span>
  18.         <form class="form minisearch" id="header-search" action="#" method="get">
  19.             <label class="label"><span>{{ "Search" | trans }}</span></label>
  20.             <div class="control">
  21.                 <div class="searchField">
  22.                     <div class="input-box" style="min-width: 300px">
  23.                         <button type="submit" title="Search" class="action search"><i class="icon an an-search-l"></i></button>
  24.                         <input id="search-box-mobile" data-idiom="{{ app.request.locale }}" type="text" name="q" value="" placeholder="" class="input-text">
  25.                     </div>
  26.                 </div>
  27.                 <ul id="search-suggestions-mobile" class="search-suggestions search-suggestions-mobile d-none">
  29.                 </ul>
  30.             </div>
  31.         </form>
  32.     </div>
  33. </div>