Archived topic
Navigation Search
3 replies · Started by Anonymous on November 11, 2014
Viewing posts 1–4 of 4
I've enabled the navigation search feature, but it doesn't really stand out. How can I (a) enlarge the magnifying glass, (b) add a border to the search box, and (c) shorten the width of the search box?
I apologize if these questions have already been asked, but if so, please provide a link to the resolution(s).
Hi there,
1. You can enlarge the magnifying glass with this CSS:
.main-navigation li.search-item i {
font-size: 20px;
}2. Adding a border may be an issue, because the magnifying glass button sits over top - but you can try this CSS:
.navigation-search {
border: 1px solid #DDD;
}To change the width, you can use this CSS:
.navigation-search {
max-width: 300px;
}Hope this helps :)
Thank you, Tom!
You're very welcome :)
This archived topic is closed to new replies.
