[Resolved] Navigation Search

[ROMI]

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).

Thanks!
http://www.flairgiftcreations.com

[Tom]

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 🙂

[ROMI]

Thank you, Tom!

[Tom]

You’re very welcome 🙂

[Author]

Posts