change the icon inside the search bar in mobile nav version
good day theme SiteOrigin,
you guys rock! I love your themes :) my questions is how can i change the search icon inside the search of mobile version of vantage theme?
im flicking this code in mobilenav.css area.
.mobile-nav-frame form.search input[type=search]
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
5Hi 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; }thank you very much! can I update the FontAwesome to the latest version?
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.
o I see, thank you very much. more power guys! amazing! just amazing guys!!!
Mel
from the crystal clear beaches Island of the Philippines.
For sure. Thanks for your support, it’s most appreciated.
All the best :)
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.