Support » Theme: Rookie » Remove search box from menu bar

  • Resolved rolfbosboom

    (@rolfbosboom)


    I want to remove the search box from my main menu bar, but I can’t find the right CSS to add. Please let me know if you can help me out. Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hello @rolfbosboom,

    You can remove the search box with the help of custom css. Please apply the below given css under Appearance -> Customize -> Additional Css-

    .main-navigation form.search-form {
    display: none;
    }
    

    I hope the above was helpful.

    Kind regards,

    Manoj

    Thread Starter rolfbosboom

    (@rolfbosboom)

    Hello Manoj,

    Job done! Thank you for your quick response.

    Rolf

    Roch

    (@rochesterj)

    I’m glad it’s resolved!

    Please, let us know if you need anything else.

    This helped me in removing the search from the main website, but the search still shows up on the mobile menubar. Is there a separate place to set that?

    Hi @blitheringguru ,

    Use the following code also please:

    main-navigation.toggled .search-form {
        display: none;
    }

    Thanks,
    Savvas

    It didn’t work on first try, but then I noticed the missing dot before main and it works perfectly.
    Thanks.

    I am glad it worked!

    Thanks,
    Savvas

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Remove search box from menu bar’ is closed to new replies.