Twenty Fourteen
Remove Searchbar on the top (9 posts)

  1. Shapy
    Posted 1 year ago #

    Hey there,
    i tried almost everything right now but there is no way (at least for me) to remove the Navigationbar on the top (with the "search" symbol on the right)

    I would like to get rid of it but its not possible. If this isnt possible might there is a way to mach the navigation bar sticky, that it doesnt move down if you scroll.

    Do you know a answear ?

    Here is the link to a screenshot of the page: https://farm4.staticflickr.com/3828/13390800215_a05a55d6fe_c.jpg

    Hope somebody can help me :D

  2. eowynt
    Posted 1 year ago #

    Hello - you might have solved this by now but I managed to remove the search icon from the top bar by deleting the following from the header.php (in Appearance/Editor)

    <div class="search-toggle">
    <?php _e( 'Search', 'twentyfourteen' ); ?>

    Hope this helps!

  3. addicted295514
    Posted 1 year ago #

    I have been looking to remove this as well. Thanks to eowynt, his solution did the trick.

  4. Bob Varaleau
    Posted 1 year ago #

    Try this in your custom CSS

    .search-toggle {
                  display: none;
  5. addicted295514
    Posted 1 year ago #

    I made a video that shows how to Erase Search Box for Twenty Fourteen Theme.


  6. Bob Varaleau
    Posted 1 year ago #

    Ya that works but now you have some blank space above your content area. Try getting rid of that.

  7. addicted295514
    Posted 1 year ago #

    I made a video To Remove White Space above content area.

    To Remove White Space on Twenty Fourteen Theme with Plugin
    Plugin Used:
    Fourteen Extended

    How to Remove White Space
    1. Install Fourteen Extended Plugin / Activate
    Go to
    2. Appearance
    3. Customize
    4. "Twenty Fourteen Content Options"
    5. "Check to remove the white space above content"
    6. Click on "Save & Publish"

    And You are done, I hope that this video helps some one!

  8. I_Robert
    Posted 11 months ago #

    I also have "login" "logout".
    Does anyone knows how to remove that too?
    Maybe via css??????


  9. addicted295514
    Posted 11 months ago #

    1. Create a new entry for this question
    2. Add a link or the name of your website
    3. "Login" and "Logout" can be found on Widgets

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic