The Problem

There is currently a bug in WooCommerce that resets the mobile nav toggles on some mobile views.

The Solution

 

Go to Theme Options → General, and add the following to the Custom CSS box and it should override it.

If you see the placeholder “example”code in the Custom CSS box, remove it.

If you have existing Custom CSS, ensure this is pasted last/below all other code

@media only screen and (max-width: 1024px) {
#menu-drop-button{
   z-index: 5;
   display: block;
   float: right;
   height: 27px;
   width: 40px;
   padding-top: 8px;
   margin: 5px -10px 0px 0px;
   color: #777;
   text-transform: uppercase;
}
 
#menu-drop-button .menu-label{display: none;}
 
}

 


WooCommerce