Forums

Magnifying Glass in Search Bar

Permalink
Two questions related to the search bar. First, in a desktop browser, the search 'bar' appears as a circle. How can I display the magnifying glass inside this circle? Although it doesnt have any indication of search, the search function does work fine. If I cant add the glass, how about just adding the word 'search', or even making the circle a wider box?

Second question, is that on a mobile device the search "bar" / circle shows as an oblong shape which is too large for the navigation bar. How can I make it a round circle and how can I make it smaller?

You can see the issue here:
www.www.impactstrategicmarketing.com...


thank you
john
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi johncaas,

There is a magnifying glass icon image inside your search bar. The issue is that the image was located on a short term hosting provider that has shutdown.
http://pixlr.com/blog/index.php/2014/07/17/pixlr-imm-io-and-pixlr-g...

The demo for the theme you are using has the same issue with the search bar. I recommend making an add-on support request.
http://supermint.myconcretelab.com/...

To prevent the search input from becoming oblong, you can use this CSS.
@media (max-width: 767px) {
    #expand-search input[type=search] {
        min-height: 15px;
    }
}