Search box drop down

Hi there,

You can try adding left: auto; to this block of CSS you are already using:

form.search-form.navigation-search {
    max-width: 200px;
    top: 45px;
    z-index: 10;
    border: 1px solid #DDD;
    border-top: 0;
}

As for the color, are you sure the options under Colors > Primary Navigation > Navigation Search don't work?

It worked but what about the background color?

Did you see the second part of my answer above?

As for the color, are you sure the options under Colors > Primary Navigation > Navigation Search don’t work?

I have checked it. But, whenever i try to change the solor, its changing and after sometime it's getting back to black

Are you saying that the customizer setting doesn't save?

What is the setting in that field currently?

After changing the color, it is saving. But within a few seconds, the search box color is changing to black again

Hi there,

you have this Custom CSS in your site that is changing the search froms colors:

/* Search */
.navigation-search input[type="search"]:focus, .navigation-search input[type="search"] {
        background-color: #222;
        color: #fff;
}

Remove that if you want the customizer colors to work.

Worked, Thanks!

You're welcome