I want to position the hamburger menu left to my logo and the logo in the center of the header ON MOBILE ONLY.
Could someone please give me the right code for that and where to position it?
I know there are multiple threads already on this, but not one code actually worked for me. Either the hamburger icon is on the left and the logo right over it or the hamburger icon doesn't move but the logo is completely misplaced.
Also, it would be very much appreciated if you could tell me where to put the code. Most developers say to put it in the theme.scss.liquid file, but I don't have this file. I only have theme.css and theme.liquid and header.liquid.
This is my shop: https://slick-slippers.com/
Screenshot :- https://prnt.sc/1t2wyp0