• 

  dani_6677

  Participant

  August 17, 2020 at 20:52

  Hi on the mobile version of the site, the search bar box is far too small to type. Is there any way we can drop this down a line and extend the bar across the header to increase the space? It is hidden to much on mobile site. Alternatively can it pop out once clicked?

  #248293 Copied Theme version: 6.3.8 WooCommerce version: latest

  1 Answer

  

  John Holden

  Participant

  August 18, 2020 at 05:58

  Hi,

  Use below code

  #header .mobile-header-wrapper .et_b_header-search:not(.search-full-width) .et-mini-content, #header .mobile-header-wrapper .input-input:not(.search-full-width-form) .ajax-results-wrapper {
      min-width: max-content;
      width: 100%;
      left: auto;
      right: 0;
  }

  Regards,
  Hung PD

  #248322 Copied