Can I replace the search icon with the word 'search'

[lisacole1]

https://infantfeedingmatters.com/
I’ve had a complaint that the search icon is difficult to find in the menu, is it possible to change it to the word ‘search’
I can’t see where the search goes to so I can’t just add it as a custom item on the menu.
thanks!

[jade]

Hello Lisa,

This is possible by adding some custom CSS.

Please try this code:

.masthead-inline .desktop .x-nav>li:last-child>a.x-btn-navbar-search span span {
    display: block !important;
}

.masthead-inline .desktop .x-nav>li:last-child>a.x-btn-navbar-search span i {
    display: none;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[lisacole1]

@Jade

.masthead-inline .desktop .x-nav>li:last-child>a.x-btn-navbar-search span span {
display: block !important;
}

.masthead-inline .desktop .x-nav>li:last-child>a.x-btn-navbar-search span i {
display: none;
}

That is so perfect, thank you so much!

[jade]

You’re most welcome, Lisa.