• 

  adlpp

  Participant

  November 18, 2020 at 20:39

  On desktop’s main header my floating search input field is exactly as I want it: a pill-like field with just a border and a transparent background (beautiful). But on mobile is shown as default. What could be causing this?

  Please, contact administrator
  for this information.

  #260282 Copied Theme version: 7.1.2 WooCommerce version: 4.7.0

  1 Answer

  

  Rose Tyler

  Support staff

  November 19, 2020 at 08:14

  Hello,

  Add the next code in Theme Options > Theme Custom CSS:

  .et_b_header-mobile-menu .et_b_header-search input[type="text"],
  .et_b_header-mobile-menu .et_b_header-search .input-row {
      background-color: transparent !important;
  }
  .et_b_header-mobile-menu .et_b_header-search .input-row {
      border-color: #5f5995 !important;
      border-radius: 50px;
  }
  .et_b_header-mobile-menu input.form-control::placeholder {
      color: #5f5995;
  }
  .et_b_header-mobile-menu svg {
      fill: #5f5995;
  }

  Regards

  #260298 Copied