Where do we customize search bar setting

Hi there,

Go to Customizer > Colors > Primary navigation and scroll to the bottom to the Navigation Search option.

Let me know if this helps :)

That helped thanks. It creates search bar that is the whole with of the nav bar thus over writing the menu items. How to I reduce the width of the bar

Hi there,

try adding this CSS:

@media (min-width: 769px) {
    .navigation-search.nav-search-active {
        left: 50%;
        width: auto;
    }
}

This will reduce the width to 50% on desktop. Increase the left: 50%; to make it smaller

Worked - thanks

You're welcome