@collins that was a bit helpful - i played around with the inspect element on chrome (I usually use firefox) and realized I could inspect element as a mobile device.
which leads me to the next battle - the home menu on a mobile device. the previous developer created a custom home menu that looks fine on a desktop, but takes up a ton of space and overrides the responsive menu on a mobile device. I've tried using the @media screen and (max-width: 600px) CSS that @crouchingbruin provided to override the home navigation, but it doesn't work (unless I simply choose display: none;, and then no menu shows up on the homepage).
So, the developer made a customer header_home.php file that i'm guessing is what won't let me override the menu on mobile devices in the style.css file. i know nothing of php - could i add a media query to the php file to tell it to display the regular menu style rather than the custom one? Here's the relevant code from the header_home.php file:
<nav id="site-navigation" class="home-navigation" role="navigation">
<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
"><?php _e( 'Skip to content', 'twentytwelve' ); ?>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
any advice would be appreciated with this. thanks!