Center “Search” icon and field

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for using Chosen!

    Please give the following CSS a try and let me know how it works for you:

    #menu-primary-container .search-form-container {
  float: none;
  width: 400px;
  right: auto;
  left: auto;
  margin: 0 auto;
  text-align: center;
}
#search-icon.open {
  float: right;
}
#menu-primary-container .search-form {
  left: 0 !important;
}

    You can copy and paste that code into the Additional CSS section in the Live Customizer (Appearance > Customize), and it will take effect right away.

    Thread Starter Tiago

    (@iam3ple)

    @bensibley
    You’re the best! Really appreciate you sharing this. Worked like a charm and thank you for sharing the theme with the world! ??

    Theme Author Ben Sibley

    (@bensibley)

    That’s great to hear! Glad that worked well for you ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center “Search” icon and field’ is closed to new replies.