grid format on search results pages

Hi Guys,
thanks in advance for any help!

When you do a search on my clients website www.rayhanas.com, via the Search area in the main menu area (top right), you get results in standard format see https://rayhanas.com/?s=skipping+rope

What the client wants is results in grid format ie
https://www.rayhanas.com/?s=skipping+rope&post_type=product

I have no idea how he came across this page format, and neither does he, but that is the format he wants on his search results pages.

Please note that, on the current search results pages, not only are items listed one after the other, rather than in a grid format, but icons are missing from the secondary menu also! This does not happen in the desired format and the desired format also has a 'Relevance' drop down menu which the current format lacks.

This is the code in the current menu item which produces the Search area:

<form role="search" method="get" id="searchform" class="searchform" action="https://rayhanas.com">
<div class="box">
<div class="container-1"><input type="text" value="" name="s" id="s" placeholder="Search..." />
<input type="hidden" value="product" /> <button type="submit" id="searchsubmit" />

<span class="sicon"><i class="fa fa-search"></i></span></button></div></div></form>

Can anyone tell me how to code it to show a Search area which will produce the desired format please?

https://www.rayhanas.com/?s=skipping+rope&post_type=product

 

I actually figured out how to alter the form code to get the grid on search results pages

However, I still have the problem of the missing icons in the secondary menu area AND the social media icons are missing in the footer on search results pages only.

Any suggestions how to fix this would be much appreciated.