Joomla Templates Club 406,261 posts

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#723495

Hi,

How to change the search icon in mobile layout?

Thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#723681

Hi
could u share your working site url here and provide more details about the changes . do u want to change the icon or want to change the positions of it.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#754173

Hi
could u share your working site url here and provide more details about the changes . do u want to change the icon or want to change the positions of it.

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#723716

This is our site: http://175.45.20.70/charity/

I want to replace the search icon.

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#754208

This is our site: http://175.45.20.70/charity/

I want to replace the search icon.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#723742

Hi
Search icon is used same for all layouts , You can replace the icon code with your icon .
Go to templatesja_charitytplsblocksheader.php
Find this code
<i class="fa fa-search"></i>
And replace it with your icon code , we used Font-awesome to get icons . You can use media queries to apply style for different size of devices .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#754228

Hi
Search icon is used same for all layouts , You can replace the icon code with your icon .
Go to templatesja_charitytplsblocksheader.php
Find this code
<i class="fa fa-search"></i>
And replace it with your icon code , we used Font-awesome to get icons . You can use media queries to apply style for different size of devices .

[Author]

Posts