Mobile header on posts only

Hi there,

try adding this PHP Snippet, it will set the Mobile menu breakpoint to 10,000px if the page is a single product:

add_filter( 'generate_mobile_menu_media_query', function( $width ) {
    if ( is_product() ) {
        $width = '(min-width: 10000px)';
    }
    return $width;
} );

Thanks but I couldn't make it work.

Instead I hide header like this:

@media screen and (max-width:489px){
.woocommerce-page .site-header {
display:none;
}
}

Is it ok?

Aah ok, sorry i misunderstood. Yes thats a perfectly valid method to remove it :)