Horizontal Responsive Menu with submenu into vertical
I use since severals years a simple horizontal css menu with submenu. I try to modify it to tranform in responsive. <!DOCTYPE html> <html> <head> <style> body { margin: 0; } ul{padding-left: 0;} .container { display: inline-block; cursor: pointer; } .bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #BDF1A5; margin: 6px 0; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: