Some questions on customization

Hi, I have a few questions which I was hoping you could help.

1) Sub-Category View: In the product category page where all the products are displayed. The default view of the image is one of the “product view” not of the “product image” The user has to toggle with the arrow the pics to find the “product image”. As I cluster my products in 1 singular product page, I want the user to be able to see the “product image” as the default view.

All the products here are clustered with other products, however, at 1st glance, you will only see the single product image. Example: https://www.the-hungry-mob.com/product-category/beverages

2) Single Product Page: I also wanted the images to be tucked nicely to the left side of the screen like https://shoes.oceanwp.org/product/reebok-classic-phase-1/# . Currently mine is tucked underneath the “product image”. https://www.the-hungry-mob.com/product/fn-ice-mountain-sparkling-sugar-free-water-various-375ml-3

3)The price colour is in green. I tried to change it in Customization — Typography —WooCommerence product price but to no avail. https://www.the-hungry-mob.com/product/fn-ice-mountain-sparkling-sugar-free-water-various-375ml-3

4) The full menu is visable on the HOME page, which is great. However it is not visable in the woocommerence page, I have the hamburger view instead. How do I replace the hamburger view to that of the full menu like the one in the HOME page. Also where can I change the color of the menu? https://www.the-hungry-mob.com

Thanks

The page I need help with: [log in to see the link]