I hope you are well today and thank you for your questions.
You can achieve this by adding the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu
li.astm-search-menu svg.search-icon path {
fill: #fff;
}
body .astm-search-menu-wrapper {
left: 25px;
right: auto;
top: 65px;
}
body .astm-search-menu-wrapper .astm-search-menu {
float: left;
}
Best regards,
Hi Vinod
thank you so much!
how can i change it to white on mobile as well?
and if you click on the magnifying glass on mobile the search field opens outside of the screed to the right a bit
Please also use the below custom CSS code to resolve it.
.astm-search-menu-wrapper svg.search-icon path {
fill: #fff;
}
.astm-search-menu-wrapper .astm-search-menu input.field.search-field {
width: 80%;
float: left;
}
wow you are awesome!
thank you so much Vinod
You are always welcome here 🙂