Having The Mobile Menu Top Bar Active On iPads

[jarrydfillmore]

I did some research, coming across this thread. Here's the code I used:

<header id="masthead" class="site-header" role="banner"> <div class="title-bar" data-responsive-toggle="site-navigation" data-hide-for="large"> <button class="menu-icon" type="button" data-toggle="mobile-menu"></button> <div class="title-bar-title"> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a> </div> </div>

I tried out this exact change and instead of giving me the mobile menu on tablet views, it literally took away the menu completely on tablet views.

Can anyone help me out here? I just want to show the mobile menu on mobile + tablet.