Removing the Search Bar in the Menu in Twenty Eleven Theme

  • Resolved madisunanne

    (@madisunanne)


    11 years, 9 months ago

    Hello,

    I have been searching for a few hours now on how to remove the search bar in the menu for the Twenty Eleven theme.

    I have tried several different options in my stylesheet, but nothing does the trick.

    Since I am new to all of this since yesterday, a few questions:
    1. When I edit the the stylesheet, should I be in my control panel on my web host or somewhere else?
    2. Once I am there and make a change, do I just have to hit “save changes,” then refresh my web page to see changes?
    3. What code do I add to my stylesheet to remove the search bar?

    I have tried this code, but to no avail…

    `<!–<?php
    // Has the text been hidden?
    if ( ‘blank’ == get_header_textcolor() ) :
    ?>
    <div class=”only-search<?php if ( ! empty( $header_image ) ) : ?> with-image<?php endif; ?>”>
    <?php get_search_form(); ?>
    </div>
    <?php
    else :
    ?>
    <?php get_search_form(); ?>
    <?php endif; ?>–>

    What am I diong wrong?

Viewing 4 replies - 1 through 4 (of 4 total)
  • govpatel

    (@govpatel)

    11 years, 9 months ago

    First are you making changes in child theme as you should not make change in twenty eleven theme as it will be over written when you update.

    I do not see search bar in menu is in above menu

    Thread Starter madisunanne

    (@madisunanne)

    11 years, 9 months ago

    @govpatel/ Yes, I set up a child theme yesterday.

    The search bar I am referring to is the gray search box w/the magnifying glass to the right of my menu.

    govpatel

    (@govpatel)

    11 years, 9 months ago

    in your child theme style.css look for this code
    #branding #s {
    -moz-transition-duration: 400ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    float: right;
    width: 72px;
    }
    if you have it add
    display: none;

    if you do not have the code add this in file and save

    #branding #s {
    -moz-transition-duration: 400ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    float: right;
    width: 72px;
    display: none;
    }

    Thread Starter madisunanne

    (@madisunanne)

    11 years, 9 months ago

    @govpatel/ Thank you for your answer,…

    As you were writing, I found a youtube video explaining how to do it, & it worked!

    I was missing the whole step of copying the header.php file, editing it in code editor, and then voila, it worked…

    Thank you for your help!

    madisunanne.
    <3

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Removing the Search Bar in the Menu in Twenty Eleven Theme’ is closed to new replies.