To Remove:
the hat icon seen in menu here, you will need to do some css modification. I recommend adding the css rules in the Theme Options so that they will be saved in database and it will work even if you update theme in future.

Please go to Theme Options –» General Settings –» Display Options –» Custom CSS box
and in that box, please add:


 

#header.c #navigation > ul > li > a > .shade-a {
	background: none repeat scroll 0 0 transparent;
	}

 


To Change:
Go to Theme Options –» General Settings –» Display Options –» Custom CSS box add this code

 

#header.c #navigation > ul > li > a > .shade-a {
	background: url("<image-path>") no-repeat scroll transparent;
	}

 


Replace <image-path> with absolute path of the icon image.


---------------------------------------------------------------------------


To find and copy absolute path of the hat icon:

If you have already uploaded your image beforehand, then click 'Edit' below the image name.
See screenshot below



If you are freshly uploading new image to your Media Library, then click 'Edit' like it is shown in below screenshot.



Then WordPress opens up a new window automatically for it. You should see a grey box on right side and the path where it shows 'File URL:' This is how you can locate absolute path of image files in wordpress.
See screenshot below