#2623
Vinod Dalvi
Keymaster
  • Topics: 0
  • Replies: 244

Hi Tammie,

I hope you are well today and thank you for your question.

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


.astm-search-menu svg.search-icon path {
    fill: #fff;
}

.astm-search-menu.full-width-menu form,
.astm-search-menu.sliding form {
    position: absolute !important;
    z-index: 9 !important;
    overflow: visible !important;
    display: none;
    top: 15px;
}

.astm-search-menu.full-width-menu.open form,
.astm-search-menu.sliding.open form {
    display: block;
}

#headerwrap .astm-search-menu.open #searchform .icon-search:before{
    color: #000;
    border: 0;
}

#header .astm-search-menu.open #searchform #s {
    width: 140px;
    color: #333;
    opacity: 1;
    padding-left: 2.25em;
    padding-right: 2.25em;
}

Best regards,
Vinod Dalvi