WordPress.org

Ready to get started?Download WordPress

Forums

Ryu
[resolved] How to eliminate search icon (7 posts)

  1. Rich Owings
    Member
    Posted 5 months ago #

    Hi,

    I'm trying to use RYU as a single page theme. I've eliminated the menus, but how do I get rid of the search icon/feature?

  2. Hi there, to remove the search icon at the top, you'll need to first create a child theme, so your changes won't be overwritten when you update the theme. If you're new to child themes, you can explore these guides:

    http://codex.wordpress.org/Child_Themes
    http://op111.net/53/
    http://vimeo.com/49770088

    Make a copy of header.php from Ryu and place it in your child theme folder.

    Remove lines 196-200 - note that your line numbers may be different if you previously edited the file:

    <li class="search-trigger">
    <a href="#" class="genericon" title="<?php esc_attr_e( 'Search', 'ryu' ); ?>">
    <span class="screen-reader-text"><?php _e( 'Search', 'ryu' ); ?></span>
    </a>
    </li>

    I tested this on my end and it worked. Let me know how it goes!

  3. Rich Owings
    Member
    Posted 5 months ago #

    Thanks Kathryn. I'd prefer a solution using functions.php or CSS but I may try that if I can find time to get up to speed on child themes.

  4. You can always try hiding the element by adding this:

    .search-trigger {
    display: none;
    }

    Don't edit the theme's style.css directly, otherwise your changes will be overwritten when the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You could also install a standalone custom CSS plugin.

  5. Rich Owings
    Member
    Posted 5 months ago #

    Thanks! I will give it a try and report back.

  6. Rich Owings
    Member
    Posted 5 months ago #

    That did it. Thank you so much!

  7. My pleasure!

Reply

You must log in to post.

About this Theme

About this Topic

Tags