How do you remove header sitewide from mobile only?

I'm having trouble hiding my header on mobile devices. My wordpress theme does not have an option to hide it, so I was looking at the theme's header.php file if there was anything I could add to it. Haven't been able to figure out a solution, any ideas?? Thanks

?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the head section and everything up until div id=content
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package SacchaOne
 */

if ( ! defined( 'ABSPATH' ) ) {
    exit; // Exit if accessed directly.
}
?
!doctype html
html ?php language_attributes(); ?
head
    meta charset=?php bloginfo( 'charset' ); ?
    meta name=viewport content=width=device-width, initial-scale=1
    link rel=profile href=https://gmpg.org/xfn/11

    ?php wp_head(); ?
/head

body ?php body_class(); ?
?php
if ( function_exists( 'wp_body_open' ) ) {
    wp_body_open();
} else {
    do_action( 'wp_body_open' );
}

/**
 * Hook - sacchaone_header
 *
 * @hooked sacchaone_header - 10
 */
do_action( 'sacchaone_header' );