Support » Theme: Twenty Twenty » Remove Search icon from twenty twenty

  • Resolved icakeov

    (@itucakov)


    Hello,

    Is there a way to remove the search icon in twenty twenty from the menu by using a child theme?

    I tried .header-toggles {display: none;} but that didn’t work.

    Thanks for any feedback!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    Try this:

    .toggle-wrapper.search-toggle-wrapper {
        display: none;
    }
    Thread Starter icakeov

    (@itucakov)

    Thanks James
    I tried it and it didn’t work, I even tried using !important.
    Should it have worked?

    I tried the same with “.header-toggles.hide-no-js”? but no success.

    Any other suggestions appreciated.

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    Hm, it’s definitely working for me.

    Are you adding it via Additional CSS in the Customizer, or directly to the theme’s style.css file?

    Thread Starter icakeov

    (@itucakov)

    I’ve set up a child style.css file and have done other edits already. When I inserted that line of code, nothing happened, I’ll try refreshing a few times to see what happens.

    Thread Starter icakeov

    (@itucakov)

    Ah it worked! Just needed to refresh it a bit more.

    Thanks again James!

    Just so the html code doesn’t display on your page, you actually have a Customizer option to disable that.

    Customizer > Theme Options > Show search in header

    Thread Starter icakeov

    (@itucakov)

    Ah! Another thing that was looking for and didn’t find. Many thanks! 🙂

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    Oh yeah, thanks for the reminder @acosmin! 😆

    No problem 🙂

    its working …….. thanks buddy

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Remove Search icon from twenty twenty’ is closed to new replies.