[Support request] Mobile header on posts only

[Deniz Akay]

Hi,

Is it possible to activate “mobile header” on woocommerce product pages only?

I want to use my products as landing pages and don’t want to display my extended header on them specifically.

Thanks!

[David]

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

[Deniz Akay]

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?

[David]

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

[Author]

Posts