How to turn into Humberger Menu

[gyran619]

This is the code.

Custom Links Drawer body{margin:0;font-family:Arial,sans-serif} .custom-links-section{background:#132446;padding:10px 20px;text-align:left} .drawer-toggle{color:#fff;cursor:pointer;font-size:24px} .custom-links-container{display:none;position:fixed;top:0;left:0;height:100%;width:80%;background:#132446;padding:20px;z-index:999;transition:transform 0.3s;transform:translateX(-100%)} .custom-links-container.open{transform:translateX(0)} .custom-link{color:#fff;text-transform:uppercase;font-weight:bold;text-decoration:none;display:block;margin-bottom:10px;transition:color 0.3s} .custom-link:hover{color:#add8e6} @media (max-width:749px){ .drawer-toggle{display:block} .custom-links-container{display:block} } @media (min-width:750px){ .drawer-toggle{display:none} .custom-links-container{display:none} }

☰

Carpet Lining Rubber Matting Upholstery Fabrics Vinyl Flooring Insulation Adhesive

I make the code but i don’t know where i can put the codes

[0xsnowman]

To turn your existing code into a hamburger menu that toggles open and closed, you just need to ensure that the button (the hamburger icon) opens the drawer and closes it when clicked outside. Your current implementation is already quite close. Below are some improvements and clarifications to enhance the hamburger menu functionality.

    
    
    
    

    
        
☰

        
            [Carpet Lining](https://4way-stretch.com/collections/carpet-lining)
            [Rubber Matting](https://4way-stretch.com/collections/rubber-matting)
            [Upholstery Fabrics](https://4way-stretch.com/collections/upholstery-fabrics)
            [Vinyl Flooring](https://www.4way-stretch.com/collections/vinyl-flooring)
            [Insulation](https://4way-stretch.com/collections/insulation)
            [Adhesive](https://4way-stretch.com/collections/adhesive)