How do I remove the search from the menu

  • The blog is to be part of a static website. I created a child theme I am in the process of changing the navigation to look like my static site. I have somehow eliminated the search symbol from the menu bar, and removed the search itself from header.php (copied from twenty-thirteen to child theme) but I can’t remove the part of the menu bar that was designated for the search symbol.

    I want the menu items to be distributed evenly across the menu bar so that the border of the last item is at the end of the menu bar. Right now the last border ends approximately 48 pixels from the end.

    If you wish to view, the page is at:

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter anoctave

    (@anoctave)


    sorry don’t know how it got left out

    Hello anoctave,

    You need to download the plugin: https://www.ads-software.com/plugins/wp-add-custom-css/
    Activate the plugin
    Go to Dashboard-> Add Custom Css
    Inside CSS rules box, write following code:

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

    Then, Click Save.
    The menu should be aligned to right now.

    Thanks!!

    Thread Starter anoctave

    (@anoctave)

    Thsnks for that. What I have done before I got your response, I went into header.php and commented out the php getting the search module. That did get rid of the search box, but didn’t do anything about the space on the menu bar. So I will go back now and make that php command active again, and try the css way, but there’s something else controlling the space at the end of the menu bar. Could it be in functions.php?

    Hello,
    Try this inside Add Custom Css

    .nav-menu li:last-child{
padding: 10px 0px 10px 92px !important;
border-right: 0px none !important;
}

    Thanks!!

    anoctave,

    There’s is extra padding at the end of the navebar, add the following to your “custom css” to remove it:

    ul.nav-menu, div.nav-menu > ul {
    padding: 0;
    }

    Now the “Leadership” menu item will show………

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How do I remove the search from the menu’ is closed to new replies.