Tagged: chrome, search, search icon
Hi there,
When I view my site in Google Chrome on the MAC the search icon at the far side of my menu displays a small box with a cross rather than the magnifying glass icon.
It is fine on Firefox and Safari and actually fine on Chrome on the iPad.
I’ve cleared the cache on my MAC but it’s still displaying incorrectly.
Any advice?
Thanks in advance.
Kevin
Hi Kevin,
Can we take a look at your site live? Are you getting the same thing on the demo site: http://kriesi.at/themes/enfold/
The icon is generated from a font file which has full Safari, Chrome and FF support so there definitely shouldn’t be any issue.
Regards,
Devin
Hi Devin,
Thanks for getting back to me.
The site is on temporary space at present – http://www.imroi.co.uk/
When I look at the demo site you’ve listed in Chrome it’s fine.
My site is fine in safari and firefox (not tested ie) but not fine in Chrome – allthough fine in Chrome on the iPad.
It’s also not showing correctly at my clients end in Chrome.
Look forward to hearing from you.
Kevin
Hi!
Please try to insert following code into the quick css field
#top .main_menu .menu li#menu-item-search a{
font-family: 'entypo-fontello' !important;
}
Best regards,
Peter
Still showing the same I’m afraid…
Hi!
I changed the code a bit – please try it again.
Regards,
Peter
Hi Peter,
Yea that’s worked thanks.
What was the problem?
Regards…
Kevin
Hey!
I selected the wrong element. The li element has the id #menu-item-search and not the a href element :)
Best regards,
Peter