Hi!
The magnifier issue is simply because of an inherited CSS rule from the theme, which sets the vertical alignment of most elements to ‘baseline’.
Using this custom CSS will override this for the search box and fix it immediately:
[code].innericon,
.innericon svg {
vertical-align: top !important;
}[/code]
The width of the search bar is by default set to 100%, which means, that it fully follows it’s container width. If however the container width is narrow, the search bar could get narrow as well. There are two ways to resolve it:
– Either you change the search width to a fixed, pixel value under the Theme Options -> Overall Box layout panel like so: https://i.imgur.com/j4OWKOa.png
– Or you can define a minimum width via custom CSS, like so:
[html].asp_m.asp_non_compact {
min-width: 240px !important;
}[/html]
PS: You can apply the css codes in your theme custom CSS field (if it supports it) or use the custom CSS field on the search plugin back-end.
I hope this helps 🙂