How to change font of mobile search bar input text

MarshallRScott · March 3

Hello!

My desktop site looks great, but on mobile, the search bar is nestled inside of the header navigation menu and has the same font as the header text, which is hard to read in the search bar. Is there a way to exclude the search bar font from this, or change it?

tuanphan · March 7

Hi. Add to Design > Custom CSS

/* mobile search font */
div.header-menu-nav input.search-input.hover-effect {
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

How to change font of mobile search bar input text

Question

MarshallRScott 2

Link to post

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

Posted Images

1 answer to this question

Recommended Posts

tuanphan 9,593

Link to post

Create an account or sign in to comment

Support

Community

Developers

Resources