eCommerce Themes Mobile Menu Button Missing on iPad

Introduction

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

Code block

@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;}
 
}

Have you seen Elementor?

You can build almost any Obox theme with Elementor!
With a powerful, fast page builder, Elementor is the best way to get your site online with as little effort as possible.

Knowledgebase