want to remove search bar in twenty thirteen theme

• 

  kyototakanashi · Member · Nov 9, 2013 at 8:44 am

  • Copy link
  • Add topic to favorites

  Hello everyone,

  Recently I am working on my blog in twenty thirteen theme, and trying to remove the search bar in the nav menu.

  I tried this two code.

  .site-header .search-form {
  display: none;
  }

  nav form {
  display: none;
  }

  and then the search bar is disappeared. However, it is just hidden, not removed, there is an awkward space in my nav menu now.

  How can I remove the search bad totally and make those text just right in the center? Please help me, thank you so much.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 11, 2013 at 1:43 am

  • Copy link

  Hi there, I see you got the search box hidden. With display: none, the div it was in is not loaded by the browser so that space is available for menu items. The menu is left aligned. The following will center the menu items for you.

  .nav-menu {
  text-align: center;
  }