How can I move and extend the 'search' icon in ES ?
By Henri on Wednesday, 21 November 2018
Posted in General
Replies 4
Likes 0
Views 496
Votes 0
Hello

Today, my search icon is on the top-right side of the menu bar.
It is far too small and my members don't pay attention to this key-feature for us.

I would like to replace this 'magnifying glass' icon to the 'search edit field' you can see in the attached file.
I would like also to move it at the 1st position the top-right side of the menu bar.

Is it possible?
Henri
Hi there,

I am not really sure which part of them are you referring to as on your site, there are no such things like the one you attached on your reply.

Can you provide us with more details or maybe it URL so that we can further check this issues? Please advice.
Abdul Warith Norudin
·
Wednesday, 21 November 2018 18:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Warith

Here is what I have today.
In red, the search icon (attached file)

I would like to display the 'search edit field' instead, as you can see in my previous attached file (see above)
Henri
·
Wednesday, 21 November 2018 18:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

Applied codes below at this www/templates/elegant/html/com_easysocial/toolbar/default.php. Please give it a check and see how it goes.

[gist type="php"]
<?php if ($search) { ?>
<div class="o-nav__item" data-original-title="<?php echo JText::_('COM_EASYSOCIAL_SEARCH', true);?>" data-placement="top" data-es-provide="tooltip">
<a href="javascript:void(0);" class="o-nav__link es-toolbar__link" data-es-toolbar-search-toggle><i class="fa fa-search"></i>search edit field</a>
</div>
<?php } ?>
[/gist]
Abdul Warith Norudin
·
Thursday, 22 November 2018 10:29
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post