Hello, yes, I can work with that 😊 Thank you very much Mirela for your fast help and solution. 💐 Best wishes, Manuela

Hi, I rated gladly 😊

I would like to add another solution (in case someone will have the same question once). While I was looking to add the search icon instead of a button, I realized other search fields on the website changed also in size with the code above, which breaks the design again but on other places.

I succeed through deleting the code above and add the CSS code below in specular-child/style.css. (It’s a copy from your other CSS search-form settings in footer/aside, but then named header):

—-

header #s {

width:100%;

height:40px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

header #search-form:after{

content: “\e1b7”;

font-family: ‘moon’;

font-weight:normal;

font-style:normal;

text-decoration:inherit;

-webkit-font-smoothing:antialiased;

position:absolute;

right:15px;

top:11px;

font-size:16px;

display:inline;

width:auto;

height:auto;

line-height:normal;

vertical-align:baseline;

background-image:none;

background-position:0% 0%;

background-repeat:repeat;

margin-top:0;

color:#bbb;

}

header #search-form{width:100%; float:left; position:relative;}

header #search-form .more{

display:none;

}

—

I am still very thankful for your effort and time, it brought me in the right direction 🍀

With best regards,

Manuela