Off-canvas Webshop Menu CSS Animation

I am currently designing my very first wordpress theme, im making it a woocommerce driven webshop. I wanted the off-canvas menu to be more dynamic, so I included the top navigation in the animation. Still needs some mobile screen adjustments :)