Magnifying Glass in Search

Permalink Browser Info Environment
Two questions related to the search bar. On a desktop the search 'bar' appears as a circle. How can I display the magnifying glass in the circle? I dont believe it ever did before, but previously I had a search page just next to it, so that wasnt an issue. Now I just have a circle in my nav bar and it is not identified. The search function does work fine however.

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

thank you
john

Type: Pre-Sale
Status: In Progress
View Replies:
CharismaBusiness replied on at Permalink Reply 1 Attachment
CharismaBusiness
If you want a solution to the magnifying glass... you can do what I did..... upload the attached file to your file manager. It is a perfectly sized 16px16px magnifying glass....

Once the file has uploaded copy the file URL

Next, go into your hosting cPanel and fild the CSS file: /packages/theme_super_mint/themes/super_mint/stylesheets/screen.css

Find this part of the file:
font-size:13px;color:#fff;background:#fff url(http://i.imm.io/Q0Jo.png) no-repeat 2px center;

And replace this:
http://i.imm.io/Q0Jo.png

with the URL pointing to your newly uploaded search icon PNG.

Save your CSS changes and refresh the page

If you want help with this, email me: [email protected]
CharismaBusiness replied on at Permalink Reply
CharismaBusiness
See the previous reply for the answer to the magnifying glass issue, but as far as the funny sized search circle, I don't have that issue on mine. I would have to see your site to diagnose. Let me know if that helps.
sebastienj replied on at Permalink Reply
sebastienj
YOu didn't see the magnify ? On wich browser ? Here works on Safari, Chrome and Firefox.
CharismaBusiness replied on at Permalink Reply
CharismaBusiness
Hey Sebastien,

Yes, my magnifying glass disappeared about 6 months ago. I cannot see the magnifying glass even on your demo theme (5.6 version only... I can see the magnifying glass on the 5.7 version which I also use on separate sites)

I did the steps I outlined in the post above to replace your magnifying glass with mine.... I just assume that your PNG located athttp://i.imm.io/Q0Jo.png is no longer accessible.

When I go tohttp://i.imm.io/Q0Jo.png in my browser, I get the following error:
This XML file does not appear to have any style information associated with it. The document tree is shown below.
<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>F3629821B299EF0C</RequestId>
<HostId>
ZK4K7Y4DN1eGx3LnF3woYsfIcB10rkzdT9pfoEHcjhvynFXg13PQPtXG/TGlpPXBz/0zViB8gwM=
</HostId>
</Error>


So since the file is not accessible, it is not displaying on the 5.6 theme.... Thanks

concrete5 Environment Information

# concrete5 Version
5.6.3.3

# concrete5 Packages
Revolution Slider (2.3.8), Sortable Fancybox Gallery (1.17), SuperMint Theme (2.0.7.2), Touching (1.1), Whale Galleria (1.3.2), Whitespace Theme (1.2).

# concrete5 Overrides
js/ccm.app.js, languages/tr_TR, languages/fa_IR, languages/sk_SK, languages/he_IL, languages/zh_CN, languages/nl_NL, languages/it_IT, languages/fi_FI, languages/es_MX, languages/de_DE, languages/ar, languages/el_GR, languages/pt_PT, languages/es_PE, languages/ja_JP, languages/fr_FR, languages/ro_RO, languages/es_ES, languages/es_AR, languages/cs_CZ, languages/sv_SE, languages/da_DK, languages/nb_NO, languages/sl_SI, languages/vi_VN, languages/ru_RU, languages/zh_TW

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.6.15

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dom, enchant, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, iconv, imap, intl, json, libxml, mbstring, mcrypt, mhash, mysql, mysqli, mysqlnd, odbc, openssl, pcre, PDO, pdo_dblib, PDO_ODBC, Phar, posix, pspell, Reflection, session, SimpleXML, snmp, soap, sockets, SPL, sqlite3, standard, tidy, tokenizer, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, zlib.

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - -1
max_input_vars - 1000
memory_limit - 128M
post_max_size - 8M
sql.safe_mode - Off
upload_max_filesize - 2M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
odbc.max_links - Unlimited
odbc.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - nocache
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.