change the icon inside the search bar in mobile nav version

Hi Mel

Thanks for your support, we appreciate it.

If you’re looking to insert an icon inside of the search field that appears in the mobile menu you’d need to add something like the following to Appearance > Custom CSS:

/* Vantage Mobile Search Field */

.mobile-nav-frame form.search input[type=search] {
padding-left: 15px;
}

.mobile-nav-frame form.search:before {
font-family: "FontAwesome";
font-size: 20px;
color: #000;
content: "\f002”;
left: 5px;
position: absolute;
top: 3px;
}

That’ll hopefully happen in Vantage in an update soon.

If you’d like to do that now it’s a little complicated. You’d need to use a child theme, de-register the current FontAwesome library and then register the new one. Both those actions would need to happen in the functions.php file of the child theme.

For sure. Thanks for your support, it’s most appreciated.

All the best :)