overlap, centered images on collection page, slide menu


I'm not good at English so I'm sorry if it's hard to read.

 And I'm super begginer about Coad editing but I've challenged while searching on the net.

Now only cart page overlap on header & footer https://zakkyobiru.myshopify.com/cart  

There is problem maybe at Theme.scss.liquid.

スクリーンショット 2020-10-12 5.39.43.pngスクリーンショット 2020-10-12 5.39.54.pngスクリーンショット 2020-10-12 5.40.06.pngスクリーンショット 2020-10-12 5.41.38.pngスクリーンショット 2020-10-12 5.41.53.png

And I can't centering the top and bottom of the photo on collection list.

Now The photos are arranged according to the height of the top.

I challenged write vertical-align: middle; & display: table-cell; but I couldn't.

Where should I edit?

スクリーンショット 2020-10-12 5.44.16.png

Finally, If I can, I want to make a slide menu that comes out from the left side at only mobile page.

If I can do that, I want to move menu icon(Three horizontal lines) to left top where there is search icon now.

スクリーンショット 2020-10-12 5.59.55.pngスクリーンショット 2020-10-12 6.00.50.pngスクリーンショット 2020-10-12 6.01.08.pngスクリーンショット 2020-10-12 6.01.20.pngスクリーンショット 2020-10-12 6.01.31.pngスクリーンショット 2020-10-12 6.01.42.png

I'm sorry there are so many questions but I can't do it no matter how many weeks I try..

Please help me.

Thank you for reading long sentence.

Shopify Partner
61 6 18

I'm not sure I understand, but I looked at your cart page and I see overlap.

.supports-js .cart-table{



fixes it


I tried, but unfortunately it didn't work.

Thank you for thinking so much!