Remove Search feature in Main Menu

[ssorrell]

I’ve been searching for a theme that does what Jorvik does, but I do not need a search feature in the menu bar, and when it’s there, it’s forcing my menu links into two lines.  Can you tell me how to remove?  I am good with editing php…

[Yazmin]

The quick and easy way is to hide it by adding the following to Customize > Additional CSS:

.jorvik-search {
    display: none;
}

[ssorrell]

Thanks for that.  However, that does not allow for the menu to use all the available space in the menu bar, it simply hides the search feature.  How can I effectively use the entire width of the menu bar for the menu items?

 

[Yazmin]

In that case, remove the previous CSS and add this instead:

.site-main-menu {
    width: 100%;
}

.site-search {
    display: none;
}

[ssorrell]

That did it!  Thank you very much!

[Author]

Posts