css 菜单和搜索样式在Flat主题中可见[已弃用]

Posted 2021-05-13

.search-field-wrapper {
    opacity: 1;
}
.header-container .form-search {
    width: 300px;
    height: 40px;
    top: -30px;
    right: 0;
}
.header-container .form-search input {
    padding: 2px 0;
    font-size: 15px;
    margin-top: 13px;
}

.search-field {
    margin: 0;
}
.header-container #search_mini_form.shown .form-search {
    left: auto;
    width: 300px;
}
.header-container #search_mini_form.shown .form-search .search-close {
    display: none;
}

@media(min-width: 768px)
{
  .search-field-wrapper, .search-field {
    margin-right: 25px;
  }
  .header-container .form-search .search-close {
      display: none !important;
      width: 0;
  }
  .header-container #search_mini_form .form-search {
      left: 0;
      width: auto;
  }
  #search_mini_form .search-field-wrapper {
      height: auto;
      opacity: 1;
  }
}